sinprogramar.blogspot.com

28/9/11

Estructura básica de HTML5

Ejemplo de construcción de una web con los nuevos elementos incorporados a HTML5.

<!DOCTYPE html>
<body>
<header>
<hgroup>
<h1>Titulo 1</h1>
<h2>Titulo 2</h2>
</hgroup>
</header>
<nav>menu de navegación</nav>
<section>
<article>Bloque de texto</article>
<article>Bloque de texto</article>
<article>Bloque de texto</article>
</section>
<aside>Barra lateral, publicidad, citas, información secundaria.</aside>
<footer>Pie de pagina
<address>Autor, fecha creación o contacto</address>
</footer>
</body>
Estos elementos sustituyen al método de maquetación mediante <div>. La ventaja es un código mas limpio y semántico que a su vez mejora los resultados SEO. En todo caso el elemento "div" sigue vigente en HTML5.

1 comentario:

Nota: solo los miembros de este blog pueden publicar comentarios.


Creative Commons License