HTML5 Nuevas Etiquetas Semanticas

HTML5:
Nuevas
etiquetas
semánticas
Juan Eladio Sánchez Rosas

Objetivo

Semantics

Objetivo de la sesión
●

Presentar y describir las nuevas etiquetas del
estándar HTML5
●

Citarlos antecedentes que derivaron su creación

●

Citar las etiquetas semánticas nuevas de HTML5

●

Demostrar su uso a través de código para una
aplicación

Antecedentes

Semantics

HTML4 / XHTML 1
●

●

●

Ambos son estándares para declarar estructura
de un sitio web
XHTML es una versión de HTML compatible
con XML, un lenguaje de marcado más
genérico y ordenado
Creadoshace más de diez años

Estructura de Etiquetas


Contenido


Propuesta teórica ...
●

W3C esperaba que el siguiente lenguaje web
sería XHTML 2
●

●

Redefinía muchas característicasde la anterior
versión
Era más un intento académico que técnico

... vs Realidad
●

Un grupo independiente observó las
necesidades actuales de los desarrolladores
●

●

Construyó lasbases de lo que hoy llamamos
HTML5
Provocó la cancelación de XHTML 2

¿Qué son las
nuevas
etiquetas de
HTML5?
Semantics

Etiquetas de HTML
●

Los elementos, atributos y valores deatributos
tienen un significado.


Nuevas etiquetas
●

HTML5 define nuevos elementos y atributos
Mejora la semántica de un documento
¿...?

Código

Semantics

Nuevas (y viejas) etiquetasHTML5
●

Periodic Table of the Elements

Clasificación de etiquetas
●

Elemento raíz

●

Metadatos e inclusión de scripts




Elemento raiz, metadatos y scripts


●




●No hay nuevos
elementos
PERO SI
optimizaciones en
atributos

Clasificación de etiquetas
●

Semántica a nivel de texto

Semántica a nivel de texto
●

Fechas

2009-07-139:30
comenzamos

Semántica a nivel de texto
●

Cambios de línea

Este es un cambio de líneaobligatorio.
Este es un cambio de línea de acuerdo al
ancho de la pantalla.

Semántica a...