Html5

669 views

Published on

mas sobre HTML5

  • Be the first to comment

  • Be the first to like this

Html5

  1. 1.  
  2. 2. ¿QUÉ ES HTML 5? <ul><li>No es simplemente una nueva versión del lenguaje de marcación HTML, sino una agrupación de diversas especificaciones concernientes a el desarrollo web. Es decir, HTML 5 no se limita sólo a crear nuevas etiquetas, atributos y eliminar aquellas marcas que están en desuso o se utilizan inadecuadamente, sino que va mucho más allá. </li></ul>
  3. 3. NOVEDADES EN HTML 5 <ul><li>Estructura del cuerpo </li></ul><ul><li>Etiquetas para contenido específico </li></ul><ul><li>Canvas </li></ul><ul><li>Bases de datos locales </li></ul><ul><li>Web Workers </li></ul><ul><li>Aplicaciones web Offline </li></ul><ul><li>Geolocalización </li></ul><ul><li>Nuevas APIs para interfaz de usuario </li></ul><ul><li>Fin de las etiquetas de presentación </li></ul><ul><li>Actualización </li></ul>
  4. 4. ELEMENTOS <ul><li><section></section> </li></ul><ul><li><article></article> </li></ul><ul><li><aside></aside> </li></ul><ul><li><header></header> </li></ul><ul><li><nav></nav> </li></ul><ul><li><footer></footer> </li></ul>
  5. 5. EJEMPLOS <ul><li>Ejemplos de CraftyMind. En uno de ellos podemos hacer saltar por los aires un vídeo según se reproduce y en el otro se reproduce un vídeo dentro de un efecto 3D </li></ul><ul><li>HTML5 también puede perfectamente darle batalla a Flash en otro de los campos que domina, los juegos, y este vídeo lo deja claro </li></ul>
  6. 6. EJEMPLOS <ul><li>Ahí va Sketchpad, completo programa para dibujar -dependen con qué lo comparemos por supuesto- realizado enteramente en HTML5 </li></ul><ul><li>Ninguna duda cabe hoy en día de lo importante que son actualmente los reproductores de vídeo online. SublimeVideo es uno de esos, ligero, bonito, que no necesita plugins y claro, realizado en HTML5. </li></ul><ul><li>En el blog de desarrollo del navegador de Opera también podemos encontrar ejemplos del potencial de HTML5 y CSS3 aunque explicado más a nivel Tecnico </li></ul>
  7. 7. EJEMPLO
  8. 8. OTROS ELEMENTOS <ul><li>audio y video sirven para incrustar un contenido multimedia de sonido o de vídeo </li></ul><ul><li>embed sirve para contenido incrustado pero no nativo </li></ul><ul><li>canvas es un elemento complejo que permite generar gráficos, dibujando elementos dentro de él </li></ul>
  9. 9. ATRIBUTOS <ul><li>Atributo ping: contiene una lista de URLs </li></ul><ul><li>Atributo autofocus: Indica qué elemento de un formulario debe ganar el foco al cargar una página </li></ul><ul><li>Atributo form: Indica a qué formulario pertenece este elemento </li></ul><ul><li>Atributos id, class, style, title, lang y tabindex , ya existentes pero ahora permitidos en todos los elementos. Pues eso, los atributos más usados se vuelven universales. </li></ul><ul><li>Etc… </li></ul>
  10. 10. BIBLIOGRAFÍA <ul><li>http://techlosofy.com/nuevos-elementos-en-html-5-la-quinta-version-del-lenguaje-de-la-web/ </li></ul><ul><li>http://thprotect.es/files/5321 </li></ul><ul><li>http://www.lawebdelprogramador.com/cursos/mostrar.php?pagina=5&id=40&texto=HTML </li></ul><ul><li>http://www.neoteo.com/html-5-y-el-futuro-de-internet-16399.neo </li></ul><ul><li>http://www.creativosonline.org/blog/html5-explicado-de-forma-muy-sencilla.html </li></ul>

×