Capítulo 1 - Páginas estáticas (Parte 04 de 09)

 4. Diagramación de páginas

HTML5 cuenta con etiquetas que permiten la distribución de la información en la

pantalla de una forma legible. Las etiquetas que permiten realizar este diseño son las

que se muestran en el gráfico.

<header></header>: es la cabecera del documento y en ella puede llevar algún logotipo, el título de la página o quizás una descripción de la misma. No es una etiqueta obligatoria, pero se recomienda su uso, si realmente las páginas tienen algún bloque de código que se pueda entender como "cabecera".

<nav></nav>: representa a una barra de menú con opciones para navegar a diversos documentos del proyecto Web. No es obligatorio su uso, pero ayuda en la navegación del usuario si es que se usa.

<section></section>: usado para presentar información que tiene valor semántico, es decir, que aporta un significado al contenido de la página que se está mostrando.

<aside></aside>: usado para elementos complementarios, como un calendario de eventos, bloques publicitarios, enlaces externos, citas y otros.

<footer></footer>: utilizado para mostrar información al pie del documento. Esta información podría ser: comentarios sobre el copyright (derechos de autor), una política del portal, enlaces a otras páginas web relacionadas, etc.

Los elementos de seccionado HTML5 no son obligatorios para definir un esquema, aún se pueden realizar a base de “divs” y CSS.

Si desea más información sobre esta característica del lenguaje, a continuación, encontrará un enlace muy útil y completo sobre el tema: https://developer.mozilla.org/es/docs/Sections_and_Outlines_of_an_HTML5_document