Etiqueta hgroup de HTML5 eliminada

Etiqueta hgroup eliminada de HTML5
Etiqueta hgroup eliminada de HTML5

La etiqueta hgroup, que fue una de las novedades en HTML5, ha sido eliminada.

Esta etiqueta se usaba para agrupar los títulos y subtítulos, pudiendo contener solamente elementos h1–h6.

A principios de marzo, Steve Faulkner (coeditor de HTML5) pidió que la etiqueta hgroup fuese revisada sugiriendo eliminarla. W3C estudió este caso cuyo resultado final fue tomar la decisión de eliminar la etiqueta hgroup de HTML5.

 

Nuevas etiquetas en HTML5

HTML5 tiene nuevas etiquetas frente a HTML. Lo que antes nos llevaba a crear div definidos con diferentes clases para decir cual es el div del encabezado, el del menú de navegación, el div del contenido principal, el div de la barra o barras laterales y cual es el div del pie de la página web ahora está estandarizado con HTML5.

¿Que ventajas tienen estas nuevas etiquetas?
La principal es que revisando cualquier documento en HTML5 sabemos donde está cada sección, no tenemos que ir averiguando cada div con su clase a donde pertenece. Y también construir un documento en HTML5 es más fácil ya que no tenemos que inventar nombres para los div.

Gráficamente quedarían así definidas las diferencias en etiquetas entre HTML y HTML6:

Nuevas etiquetas en HTML5
Nuevas etiquetas en HTML5

Ahora vamos a ver rápidamente las nuevas etiquetas que forman la estructura de las páginas HTML5:

  • header: Define el encabezado de nuestra página web
  • nav: Aquí ponemos el menú principal
  • article: Esta es el contenido principal de la web.
  • section: Esta etiqueta conlleva algo de confusión y debate. Nos quedamos con la explicación que section son como las partes de un periódico: Nacional, Internacional, Cultura, Deporte, etc, dentro de las cuales hay artículos y dentro de los cuales hay a su vez otras secciones que podríamos llamar subsecciones.
  • aside: Es el contenido secundario de la web, como una barra lateral
  • footer: Es el pie de página de la web

Vistazo rápido a HTML5

Logo de HTML5
Logo de HTML5

EL nuevo estándar de HTML es HTML5. Aunque algunas funcionalidades no están operativas para todos los navegadores (sobre todo para nuestro querido IE) es un punto y aparte en el diseño web. HTML5 ha dado un paso para integrar la web en HTML.

Una de las características más importantes es Canvas, ya que se integra en HTML5 si necesidad de tener que añadir otras aplicaciones como Flash.

Como podemos ver en la documentación el mínimo de un documento HTML5 es lo siguiente:

<!DOCTYPE html>
<html>
<head>
<title>Título del documento</title>
</head>
<body>
El contenido del documento......
</body>
</html> 

Vemos que la declaración se ha simplificado al máximo, solamente hay que declarar:

<!DOCTYPE html>