Reset CSS para HTML5
Escrito el 24 enero, 2011 por Verónica Milán
Jugando un poco con CSS3 y HTML5 he encontrado este reset CSS para HTML5, muy útil para lograr la tan ansiada compatibilidad entre navegadores.
Este reset, a parte de lo que hacen los reset más tradicionales, como el famoso de Eric Meyer (en el cual se basa), incluye etiquetas de HTML5 para asegurarnos de maximizar el soporte de este lenguaje en diferentes navegadores.
Con el reset le quitamos margins y paddins a cosas que no deben tenerlo, quitamos estilos de fuente, tamaños por defecto, y en particular, lo que me parece muy útil de este reset CSS es darle a ciertas etiquetas HTML5 estructura de bloque (display: block), porque de hecho, deben tenerla, pero hay navegadores antiguos que no las reconocen y por tanto, necesitan de estas reglas para funcionar correctamente:
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
Sin este tipo de recursos resulta complicado maquetar en HTML5, y casi imposible hacer que los diferentes navegadores rendericen correctamente nuestros diseños.
Por otro lado, ya han salido algunas librerías javascript interesantes para lograr el renderizado correcto de HTML5, como modernizr. Modernizr añade clases CSS a los elementos HTML5 para que puedas definir estilos específicos en función del navegador.
Y para aquellos que os preguntéis porqué molestarse en maquetar en HTML5, aquí os dejo un enlace a una web con ejemplos de lo que se puede hacer en HTML5.
Enlace: reset CSS para HTML5.
Publicado en CSS,HTML,HTML5 | 2 Comentarios
RSS