La especificación HTML5 trae muchos nuevos elementosa los desarrolladores web,permitiéndoles describir la estructura de un documentoweb con semántica estandarizada.Este documento describe estos elementos y cómo usarlospara definir el perfil de cualquierdocumento.
Problemas resueltos por HTML5
La definición de la estructura de un documento en HTML 4 y su algoritmo de perfilado esmuy tosco y genera numerosos problemas:
De manera más general, HTML5 trae precisión a lascaracterísticas de seccionado ycabecera, permitiendo a los perfiles de documentoser predecibles y usados por elnavegador para mejorar la experiencia de usuario.
El algoritmo de perfilado de HTML5
Definiendo secciones en HTML5
Todo el contenido incluido dentro del elemento <body> es parte de una sección. Lassecciones en HTML5 pueden ser anidadas. Además dela sección principal, definida por elelemento <body> , los límites de la sección son definidosexplícita o implícitamente. Lasecciones definidas explícitamente son el contenidodefinido en las etiquetas <body>,<section>, <article>, <aside>, <footer⁢, <header>,y <nav>. Nota: Cada sección puede tenersu propia jerarquía de cabeceras. Por lo tanto, inclusouna sección anidada puede tener unelemento <h1>. Consulte también Definiendo cabecerasen HTML5.
Ejemplo:
<section>
<h1>Forest elephants</h1>
<section>
<h1>Introduction</h1>
<p>In this section, we discuss the lesser knownforest elephants.
</section>
<section>
<h1>Habitat</h1>
<p>Forest elephants do not live in trees but amongthem.
</section>
<aside>
<p>advertising block
</aside>
</section>
<footer>
<p>(c) 2010 The Example company
</footer>