HTML5 especifica dos variantes de sintaxis para HTML, una variante clásica y otra conocida como HTML5. HTML5 introduce nuevos elementos semánticos como <article>, <aside>, <details>, <figcaption>, <figure>, <footer>, <header>, <main>, <mark>, <nav>, <section> y <time> para definir las diferentes partes de una página web. Estos elementos semánticos describen su significado tanto para el navegador como para el desarrollador.

1. Es la quinta revisión mayor del lenguaje básico de la
World Wide Web, HTML. HTML 5 especifica dos
variantes de sintaxis para HTML: un «clásico»
HTML (text/html), la variante conocida como
HTML5 y una variante XHTML conocida como
sintaxis XHTML5 que deberá ser servida como XML
(XHTML) (application/xhtml+xml).1 Esta es la
primera vez que HTML y XHTML se han
desarrollado en paralelo.

2. Un elemento semántico describe su significado tanto
para el navegador y el desarrollador.
 Ejemplos de elementos no semánticos: < div > y
<span>. Le dice nada acerca de su contenido .
 Ejemplos de elementos semánticos: <form > ,
<table> y < img>. Define claramente su contenido

3.  HTML5 ofrece nuevos elementos semánticos para
definir las diferentes partes de una página web:

4. <article>:
Especifica el contenido independiente , autónomo. Un
artículo debe tener sentido por sí misma, y debe ser
posible leer de forma independiente del resto del sitio
web. Ejemplos en los que se puede utilizar un
elemento <article> :
 mensaje Foro
 Post de blog
 artículo de periódico

6.  Es el elemento que representa el contenido que es
relacionado con el contenido que forma el flujo
principal textual de un documento.

7.  Especifica detalles adicionales que el usuario
pueda ver u ocultar bajo demanda. Se puede
utilizar para crear un widget de interactiva que el
usuario puede abrir y cerrar. Cualquier tipo de
contenido se puede poner dentro de la etiqueta
<details> . El contenido de la etiqueta <details>
no debe ser visible a menos que el atributo abierta
se establece.

9.  El <figcaption> define un título para un elemento
<figure> . El <figcaption> puede ser colocado
como el primer o el último hijo del elemento
<figure>

11.  La etiqueta <figure> especifica el contenido en sí
misma, como ilustraciones , diagramas , fotos, listados
de código , etc.

12.  La etiqueta < footer > define un pie de página de un
documento.
<footer> contiene normalmente :
 información de autoría
 información de copyright
 información del contacto
 mapa del sitio

14.  La etiqueta <header > representa un contenedor para
el contenido de un conjunto de enlaces de navegación .
<header > contiene:
 Uno o más elementos de encabezado ( < h1 > - < h6 > y
< hgroup > )
 Un logotipo o icono información de autoría Puede tener
varias < header > elementos en un solo documento.

16.  La etiqueta < main> especifica el contenido principal
de un documento.
El contenido dentro de la etiqueta < main > debe ser
único en el documento. No debe contener ningún
contenido que se repite a través de documentos tales
como barras laterales, enlaces de navegación ,
información de copyright, logos del sitio, y formularios
de búsqueda.

18.  La etiqueta <mark > define el texto marcado .
Utilice la etiqueta < mark> si quieres resaltar partes de
su texto.

19.  La etiqueta < nav > define un conjunto de vínculos de
navegación.
El < nav > elemento es sólo para los principales
bloques de vínculos de navegación . Los navegadores ,
tales como lectores de pantalla para usuarios con
discapacidad , puedan utilizar este elemento para
determinar si se debe omitir la prestación inicial de
este contenido.

21.  El <selection> define las secciones de un documento,
como capítulos , encabezados, pies de página, o
cualquier otra sección del documento.

22.  El <summary > se define en un encabezado visible. En
el título se puede hacer clic para ver / ocultar los
detalles.

23.  La etiqueta <time> define una fecha / hora legible.
Este elemento también puede ser utilizado para
codificar las fechas y horas de forma legible por
máquina, por lo que los agentes de usuario pueden
ofrecer para agregar recordatorios de cumpleaños o
eventos programados para el calendario del usuario , y
los motores de búsqueda pueden producir resultados
de búsqueda más inteligentes.