Este documento resume la historia del lenguaje de marcado HTML y describe las nuevas características y etiquetas introducidas en HTML5. Explica brevemente el origen de HTML, su evolución a través de las diferentes versiones, y las mejoras semánticas, multimedia y de seguridad que aporta HTML5. Finalmente, enumera las seis categorías de nuevas etiquetas incluidas en HTML5 para mejorar la web semántica, internacionalización, gestión de datos, seguridad, interfaz y contenido multimedia.

1. Nuevas
etiquetas
en HTML 5
Miguel Ángel Ferrer Forment
Organización de la Información y Redes
Licenciatura en Documentación
Curso 2011/2012

2. CONTENIDO
Objetivos
¿Qué es el HTML?
Historia HTML
Cambios HTML 5
Nuevas etiquetas
Conclusiones
Referencias

3. OBJETIVOS
Conocer 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. ¿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. HISTORIA HTML
19 80
El físico Tim Berners-
Lee propone y
prototipa ENQUIRE
un sistema para que
los investigadores
del CERN usen y
compartan
documentos.

6. HISTORIA HTML
19 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. HISTORIA HTML
19 91
Berners-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. HISTORIA HTML
19 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. HISTORIA HTML
19 95
Se publica el borrador de
HTML 3 : tablas, frames,
…
Aparece Microsoft Internet
Explorer
Cada navegador incorpora
un subconjunto de HTML
3, incluso se inventa
etiquetas.

10. HISTORIA HTML
19 96
W3C 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. HISTORIA HTML
19 98
Termina 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. HTML 5
20 08
Se publica HTML 5 como borrador de trabajo
en W3C.
20 14Fecha prevista para la
especificación completa de
HTML 5.

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. CAMBIOS HTML 5
HTML modifica usos y parámetros, elimina y
añade nuevas etiquetas respecto HTML 4.01
Pensado 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. NUEVAS ETIQUETAS
Las nuevas etiquetas de HTML 5 pueden
agruparse en 6 bloques:

16. WEB SEMÁNTICA
Permiten describir el significado del contenido.
No tiene impacto en la visualización.

17. INTERNACIONALIZACIÓN
Diseño de software de forma que se pueda
adaptar a diferentes idiomas y regiones.

18. GESTIÓN DATOS
Etiquetas para manejar grandes conjuntos de
datos.

19. SEGURIDAD
Encriptación de páginas:

20. INTERFAZ

21. MULTIMEDIA

22. CONCLUSIONES
HTML 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. REFERENCIAS
W3C. HTML5. A vocabulary and associated APIs for HTML and XHTML Editor's 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. GRACIAS
POR VUESTRA
ATENCIÓN
Realizado con: