La especificación HTML5 trae muchos nuevos elementos a los desarrolladores web, permitiéndoles describir la estructura de un documento web con semántica estandarizada. Este documento describe estos elementos y cómo usarlos para definir el perfil de cualquier documento.
La definición de la estructura de un documento en HTML 4 y su algoritmo de perfilado es muy tosco y genera numerosos problemas:
<div>
para definir secciones
semánticas sin definir valores específicos para los atributos class, introduciendo un nuevo elemento,
<section>
, el elemento de sección HTML.
<article>
,
<section>
, <nav>
y <aside>
) son siempre
subsecciones de su sección ancestra más cercana.
<hgroup>
que oculta todos los elementos de cabecera
excepto el primero de más alto rango (por ejemplo,
<hgroup>
<h1>
Justine</h1>
<h2>
Les
Malheurs de la Vertu</h2>
</hgroup>
crea el perfil 1. Justine).
<aside>
permitiendo a dichas secciones
no ser parte del perfil principal.
<nav>
para colecciones de enlaces, como una tabla
de contenidos, <footer>
y <header>
información relacionada con el
sitio.
De manera más general, HTML5 trae precisión a las características de seccionado y cabecera, permitiendo a los perfiles de documento ser predecibles y usados por el navegador para mejorar la experiencia de usuario.
Todo el contenido incluido dentro del elemento <body>
es parte de una sección. Las
secciones en HTML5 pueden ser anidadas. Además de la sección principal, definida por el elemento
<body>
, los límites de la sección son definidos explícita o implícitamente. La secciones
definidas explícitamente son el contenido definido en las etiquetas <body>
,
<section>
, <article>
, <aside>
,
<footer>
, <header>
, y <nav>
. Nota: Cada sección puede
tener su propia jerarquía de cabeceras. Por lo tanto, incluso una sección anidada puede tener un elemento
<h1>
. Consulte también Definiendo cabeceras en HTML5.
Población | Hombres | Mujeres | |
---|---|---|---|
Alemania | 81.881,238 | 49,4 % | 50,6 % |
España | 63.644.343 | 48,4 % | 51,6 % |
Nostrud ad officia sint Lorem tempor magna amet non mollit excepteur. Irure consectetur aute amet anim dolore laboris et proident cupidatat ad officia dolor eiusmod. Enim do duis eu nulla elit nulla ex sit sit eiusmod nostrud dolore sint. Ut qui cillum pariatur fugiat duis enim. Eiusmod ullamco incididunt elit mollit aliquip sint. Amet nisi esse ea magna dolore cillum magna est. Aliqua minim est magna aliqua cillum elit pariatur. Elit exercitation do tempor in voluptate mollit veniam aute esse nostrud commodo elit sit esse. Cupidatat commodo qui cillum reprehenderit incididunt non et proident et aliquip et sunt. Ipsum aliqua mollit cillum fugiat ut mollit sit amet. Officia voluptate ex velit commodo exercitation est et labore irure mollit. Est voluptate ad voluptate occaecat sit in pariatur esse non fugiat commodo sunt aliqua magna.