Que es HTML5

HTML5 es acronimo de HyperText Markup Language, versión 5. HTML5 es la quinta revisión del este  lenguaje. Esta nueva versión, y en conjunto con CSS3(Cascading Style Sheets), define los nuevos estándares de desarrollo web, rediseñando el código para resolver problemas y actualizándolo así a nuevas necesidades. No se limita solo a crear nuevas etiquetas o atributos, sino que incorpora muchas características nuevas.

Que añade HTML5

HTML5 añade muchas nuevas características sintácticas. Estos incluyen las nuevas etiquetas, video, audio y canvas, así como la integración de gráficos vectoriales escalables (SVG) (en sustitución de las genéricas etiquetas object) y MathML para fórmulas matemáticas. Estas características están diseñadas para hacer más fácil el incluir y manejar multimedia y contenido gráfico en la web sin tener que recurrir a plugins propietarios y APIs. También añade otros nuevos elementos de estructura de página, como section, main, article, header, footer, aside, nav y figure, diseñados para enriquecer el contenido semántico de los documentos.

Semántica de  HTML5

El lenguaje HTML5 utiliza unas etiquetas que le aportan semántica. El lenguaje es capaz de diferenciar, por ejemplo, entre el encabezado del documento y el pie. Los buscadores son capaces de detectar dicha estructura.

Las etiquetas referentes a la estructura en HTML5 son:

<header> Representa un grupo que sirve de introducción a un contenido.
Normalmente define la cabecera del documento, en donde suelen ir el título del sitio y el logo.
El título se podría poner en un <h1>, y luego, en el <article>, poner otro <h1>. Semánticamente serían <h1> distintos, ya que cada uno está en una zona distinta de la página web.

<nav> Para incluir dentro el menú principal de una web. También se puede utilizar para los menús secundarios.

<main> Especifica el contenido principal del documento. El contenido que alberga debería ser único.

<article> Representa un contenido que puede ser distribuido o reutilizado como parte independiente.Por ejemplo, podría ser una entrada de un foro,el artículo de un periódico, o un comentario que envía un usuario.

<section>  Representa una sección general de un documento o aplicación. Es un grupo temático de contenido, y suele tener un encabezado. Por ejemplo, los capítulos de un libro, las pestañas de un contenido dividido en pestañas.La página de inicio de un sitio web podría dividirse en secciones tales como la introducción, novedades, y la información de contacto.

<aside>  Es una sección que de alguna forma está relacionada con el contenido principal que la rodea, pero se puede considerar aparte de dicho contenido. En estas secciones se suelen poner lateralmente menús secundarios, anuncios y banners o citas.

<footer>  Representa el pie del contenido más cercano. Suele contener información como el autor, el copyright, o enlaces relacionados con el documento.