martes, 12 de febrero de 2013

Elementos estructurados HTML5

 La nueva versión HTML5 ofrece la posibilidad de agregar datos estructurados, algo que HTML 4.01 no ofrecía. Los datos estructurados permiten tener un orden en el documento y también facilitar la búsqueda de información en el documento a los User Agents(robots).

Estos nuevos elementos HTML5 son los siguientes ...

DATOS ESTRUCTURALES HTML5


  • <header></header> -> Define la sección de la cabecera, como títulos, logo, etc.
  • <nav></nav> -> Define la sección dónde se encuentran los links de navegación, útil para el menú por ejemplo.
  • <article></article> -> Define un artículo o un título, por ejemplo el título de un post está etiqueta puede ser anidada de modo que el resto de subartículos dependen del artículo principal.
  • <section></section> -> Define secciones es decir los capítulos o apartados que muestran información importante sobre el contenido de la web, por ejemplo aquí podría ir el contenido de un post. También pueden ir anidados.
  • <aside></aside> -> Esta es la parte del documento que se separa del resto de la información, ya que es independiente, como por ejemplo las secciones de anuncios.
  • <footer></footer> -> Esta parte define el pie de página que es independiente a la información principal del documento.


En el siguiente cuadro puedes ver un ejemplo de una estructura HTML5 ...


Header

Article


Section
Section


HTML ...