Con la evolución a HTML5, han aparecido varias estiquetas nuevas para especificar más la estructura de la web. Las metatags del HTML 5 tambien cambia respecto a las anteriores metatags, ahora son más cortas.
La declaración del DocType es <!DOCTYPE html>.
La declaración del charset es < meta charset=”utf-8″> (para poner un ejemplo)
Para ir directamenta al grano, muestro una plantilla de como usar las esta etiquetas para la estructura web.Esta imagen esta sacada el libro de Apress, HTML5 pro.
- Header: es el encabezamiento de la página o de la sección.
- Footer: es el pie de página o de la sección
- section: es la sección dentro de una página web.
- Article: contenido, contenido y más contenido.
- aside: Cosas varias, ejemplo, todo aquello que se pone en los blogs en la barra derecha, como nuve de tags, los más descargados, visitenos en Twitter, FB, etc.
- Nav: la navegación de la web.
Todas estas etiquestas van dentro de la etiqueta <body></body>.
Respecto a los estilos (css) no cambia nada. Puedes seguir usando las etiquetas no si se tratara de cualquier otra etiqueta html en los estilos. Ejemplo:
nav a:hover {
color: white;
background-color: #F47D31;
}En resumen, tenemos más etiquetas para que los buscadores interpreten mejor la información que hay en la web y para que los diseñadores entiendan con menos código HTML la estructura de la página. Y con esto recordar que los IE no son muy compatibles con el estandard del HTML5, tendremos que esperar al IE9.
Sin comentarios
Deja un comentario