Secciones y líneas generales de un documento HTML5

Problemas resueltos por HTML5

La especificación HTML5 trae muchos nuevos elementos a los desarrolladores web...

• HTML5 quita la necesidad de elementos <div> para definir secciones semánticas...
• Mezclar varios documentos es difícil...
• HTML5 introduce el elemento <hgroup>...
• Un documento puede tener secciones especiales...
• Hay información relacionada no al documento pero sí al sitio entero...

El algoritmo de perfilado de HTML5

Definiendo secciones en HTML5...

Ejemplo:

<section>
    <h1>Forest elephants</h1>
<section>
    <h1>Introduction</h1>
    <p>In this section, we discuss the lesser known forest elephants.</p>
</section>
<section>
    <h1>Habitat</h1>
    <p>Forest elephants do not live in trees but among them.</p>
</section>
<aside>
    <p>advertising block</p>
</aside>
</section>