comparte el articulo 

Reset CSS para HTML5

Actualizado el 24/01/2011 < > 4 Cometarios

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 el 24/01/2011, última actualización 24/01/2011.

Licencia: Eres libre de distribuir este artículo siempre que mantengas los enlaces dentro del mismo intactos y des los créditos al autor.

Autor: Verónica Milán

URL: Front end

Añadir Comentario (Subir al texto)

4 Cometarios

  1. Proyectos Web

    Interesante e instructivo articulo sobre Desarrollo de Programación CSS. Yo añadiría, que para pasar a CSS 3 y/o HTML 5, primeramente y de manera imprescindible en el Código fuente de cualquier tipo de Proyectos Web basados en estos Lenguajes y con cualquier Diseño Web; debe ser un Código fuente simplificado lo máximo posible. Y por ende, indexable lo más próximo al 100%.
    Lo que significa, que mediante clases CSS, eliminar márgenes y rellenos de cada espacio de contenido existentes en una determinada Página por ejemplo; permite según el articulo, simplificar el Código fuente. Además de por la introducción de una clase CSS para cada margen y/o relleno de cada contenido individual; ser también un Código fuente actualizado para la WWW, más que el actual en (X)HTML basado en CSS 2.1.
    Artículos como estos, creo que hace pensar a Patrocinadores y Clientes potenciales, interesados en los beneficios que ofrece la WWW e Internet; en encontrar Sitios Web que ofrezcan Características funcionales y con resultados demostrables.

    Lunes, 31 de enero 2011

  2. Miguel Valero

    Pues mira este Reset puede ser de utilidad ya utilizaba el de Eric Meyer (se utiliza por defecto en Word Press) pero bueno me lo guardo, me parece prematuro empezar a desarrollar en html5 pero anotado queda

    Domingo, 29 de mayo 2011

  3. Hector

    Miguel, te parece prematuro desarrollar en HTML5??. Yo opino lo contratio.

    Martes, 27 de diciembre 2011

  4. marketing online madrid

    Nosotros desde hace tiempo hacemos todos nuestros desarrollos en HTML5. Es cierto que algunos de sus estándares siguen aún por definir, pero las bases están sentadas y ciñéndose a ellas uno puede ir sobre seguro en un nuevo desarrollo :)

    Miércoles, 31 de julio 2013

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras