Nuevas etiquetas en HTML 5

2,240 views

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,240
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
73
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Nuevas etiquetas en HTML 5

  1. 1. Nuevasetiquetasen HTML 5Miguel Ángel Ferrer FormentOrganización de la Información y RedesLicenciatura en DocumentaciónCurso 2011/2012
  2. 2. CONTENIDOObjetivos¿Qué es el HTML?Historia HTMLCambios HTML 5Nuevas etiquetasConclusionesReferencias
  3. 3. OBJETIVOSConocer una breve historia del HTML.Detallar las características básicas de HTML 5.Enumerar las nuevas etiquetas HTML. incorporadas en la versión 5.Detallar y ejemplificar el uso de las nuevas etiquetas de HTML 5.
  4. 4. ¿QUÉ ES EL HTML?HyperText Markup Language («lenguaje de marcado de hipertexto»).Lenguaje de marcado predominante para la elaboración de páginas web.
  5. 5. HISTORIA HTML19 80El físico Tim Berners- Lee propone y prototipa ENQUIRE un sistema para que los investigadores del CERN usen y compartan documentos.
  6. 6. HISTORIA HTML19 89 Berners-Lee propone un sistema de hipertexto basado en Internet.19 90 Berners-Lee especifica el HTML: 18 etiquetas. Crear un navegador y un servidor.
  7. 7. HISTORIA HTML19 91Berners-Lee y Dave Ragget de HP crean una versión extendida del HTML original (HTML) : Buscan que las páginas web tenga la misma capacidad de maquetación que los formatos impresos.
  8. 8. HISTORIA HTML19 94 Muchos navegadores han añadido sus propias características al HTML. En un esfuerzo por la estandarización Dan Connolly recopila las etiquetas HTML más utilizadas y crean HTML 2. Se crea el World Wide Web Consortium.
  9. 9. HISTORIA HTML19 95Se publica el borrador de HTML 3 : tablas, frames, …Aparece Microsoft Internet ExplorerCada navegador incorpora un subconjunto de HTML 3, incluso se inventa etiquetas.
  10. 10. HISTORIA HTML19 96W3C comienza a trabajar en un borrador de scripting con javascript. 19 97Se publica HTML 3.2 : tablas, applets, texto alrededor de imágenes, subíndices y superíndices.
  11. 11. HISTORIA HTML19 98Termina la guerra de los navegadores (al menos en lo que concierne al HTML).W3C publica HTML 4 : Se separa estructura (HTML) de presentación (CSS). 19 9 9 Se publica HTML 4.01 20 00 HTML se convierte en estándar ISO
  12. 12. HTML 520 08Se publica HTML 5 como borrador de trabajo en W3C. 20 14Fecha prevista para la especificación completa de HTML 5.
  13. 13. ¿QUÉ PASA HASTA EL 2014?Se utiliza de modo experimental.Muchos desarrolladores web lo utilizan por sus avances, mejoras y ventajas.Debemos de utilizar las últimas versiones de los navegadores.Cada navegador está siguiendo su ritmo en la asunción del HTML 5.
  14. 14. CAMBIOS HTML 5HTML modifica usos y parámetros, elimina y añade nuevas etiquetas respecto HTML 4.01Pensado para diseñar sitios webs modernos.El formato se gestiona desde CSS por lo que algunas etiquetas desaparecen (FONT).Mejora la capacidad semántica de la web.Mejora la capacidad multimedia.Mejora en formularios y gestión de grandes conjuntos de datos.Nuevas APIs: Drag&drop, trabajo off-line, geoposicionamiento, almacenamiento, ...
  15. 15. NUEVAS ETIQUETASLas nuevas etiquetas de HTML 5 pueden agruparse en 6 bloques:
  16. 16. WEB SEMÁNTICAPermiten describir el significado del contenido.No tiene impacto en la visualización.
  17. 17. INTERNACIONALIZACIÓNDiseño de software de forma que se pueda adaptar a diferentes idiomas y regiones.
  18. 18. GESTIÓN DATOSEtiquetas para manejar grandes conjuntos de datos.
  19. 19. SEGURIDADEncriptación de páginas:
  20. 20. INTERFAZ
  21. 21. MULTIMEDIA
  22. 22. CONCLUSIONESHTML está en constante evolución.HTML 5 es el futuro y, además, es ya presente.El soporte de HTML 5 por parte de los navegadores mayoritarios invita a utilizarlo.Destaca la apuesta por la web semántica y la capacidad multimedia en las nuevas etiquetas.Hay muchos otros cambios además de las nuevas etiquetas: APIs, formularios, drag&drop, DOM, ...
  23. 23. REFERENCIASW3C. HTML5. A vocabulary and associated APIs for HTML and XHTML Editors Draft 15 May 2012. Consultado el 19 de mayo de 2012. [http://dev.w3.org/html5/spec/single-page.html]HTML5. Wikipedia versión española. Consultado el 19 de mayo de 2012 [ http://es.wikipedia.org/wiki/HTML5]Franganillo, Jorge. “Html5: el nuevo estándar básico del Web”. Anuario ThinkEPI, 2011, v. 5. Consultado el 19 de mayo de 2012 [ http://www.thinkepi.net/html5-nuevo-estandar-basico-del-web]W3Schools. HTML5. The new HTML Standard. Consultado el 19 de mayo de 2012 [ http://www.w3schools.com/html5/]HTML. Wikipedia versión inglesa. Consultado el 19 de mayo de 2012 [ http://en.wikipedia.org/wiki/HTML]Ragget, Dave. “A history of HTML” Addisson Wesley Longman. Consultado el 19 de mayo de 2012 [http://www.w3.org/People/Raggett/book4/ch02.html]
  24. 24. GRACIASPOR VUESTRA ATENCIÓN Realizado con:

×