la especificaciones HTML5 trae nuevos elementos a los desarrolladroes web,permitiendole
describir la estructura de un documento web con semantica estandarizada.
Este documento describe estos elementos y como usarlos para definir el perfil de cualquier documento.
Problemas resuelto por HTML5
la definicion de la estructura de un documento en HTML4 y su algoritmo de perfilado es muy tosco
y gernera numeroso problemas:
- HTML5 quita la necesidad de elemento<div> para definir secciones semanticas sin
definir valores especificos para los atributos class, introduciendo un nuevo elemento,<section> el elemento de seccion
HTML.
- Mezclar varios documentos es dificil: la inclusion de un sub-documento en un documento principal. Esto se resuelve en HTML5 con los elemento seccionado <article>, <section>, <nav> y <aside> son siempre subsecciones de su seccion ancestra mas cercana
- HTML5 introduce el elemento<hgroup> que oculta todos los elementos de cabecera
excepto el primero de mas alto rango(por ejemplo<group><h1>justine<h1><h2>LES MALHERUS DE LA VERTU<h2><group>creas el perfil1. justine).
- un documento puede tener secciones especiales contiendo informacion relacionado qeu no es parte del flujo principal.HTML5 introduce el elemento<aside>permitiendo a dichas secciones no ser partes del perfil principal.
- hay informacion relacionada no al documento, o informacion de derecho pero si al sitio entero,como logos,
menus, tablas de contenidos, o informacion de derechos de autor y notas legales . para ese proposito,HTML5 introduce tres contenidos,<footer> y <header> infromacion relacionada con el sitio
De manera mas general, HTML5 trae precision a las caracteristicas de seccionado y cabecera,permitiendo a los perfiles
de documento ser predecibles y usados por el navegador para la mejora la experiencia de usario
EL ALGORITMO DE PERFILADO DE HTML5
Definiendo secciones en HTML5
Todo el contenido incluido del elemento <body> es parte de una seccion. las secciones en HTML5 pueden ser aƱadidas
ademas de la seccion principal, definida por el elemento <body>, los limites de la seccion son definido explicita o implicitamente. las secciones definidas explicitamen son el contenido definido en las etiquetas<body>,
<section>,<article>,<aside>,<footer>,<header> y <nav>.NOTA: cada seccioin puede tener un elemento<h1> consulte tambien definido cabeceras en HTML5.
EJEMPLO
<section>
<h1>Forest elephants</h1>
<section
<h1>Introduccion>
<p>In this section,we discuss the lesser known forest elephants.
</section>
<section>
<h1>Habitat</h1>
<p>Forest elephants do not live in trees but among them
</section>
<aside>
<P>advertising block
</aside>
</section>
<footer>
<P>(c)2010 the eample company
</footer>