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:

  1. 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.
  2. 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
  3. 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).
  4. 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.
  5. 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>