Meter clases en etiqueta HTML?
3 seguidores
¿Que tal?
He visto ya en varias webs (incluido el foro Domestika, no sé si lo conocereis....) que en la etiqueta <html> insertan las clases CSS:
<html class=" js flexbox canvas canvastext webgl....... etc etc... " >
¿Por qué?
un saludo!
Diego Lorenzo
Por lo que comentas me imagino que es por que usan modernizr.js, que básicamente sirve para detectar las funcionalidades CSS3 y HTML5 que tiene el navegador en el que estás viendo la página. Con esas clases, puedes asignar estilos CSS dependiendo de si el navegador soporta una funcionalidad o no. Aquí te viene bien explicado: http://modernizr.com/
Yo uso ese truco para añadirle una clase al HTML en función del navegador que visualiza la página, así no tengo que aprender 300 hacks para IE, simplemente en función del navegador asigno unos estilos u otros. Me gusta hacerlo así para no tener que usar css condicionales ni hacks. Aquí te explican las diferencias de cada truco: http://webdesignerwall.com/tutorials/css-specific-for-internet-explorer
Saludos
smalonso Mod
Es un javascript que injecta las clases para que puedas manejar mejor los navegadores que no soporten ciertas propiedades CSS y de HTML5. El script es el Modernizr. El funcionamiento es sencillo, si el navegador soporta canvas, pues pone la classe "canvas", si el navegador no soporta canvas pone la clase "no-canvas", y así con las demás propiedades. De esta manera si el navegador no soporta canvas puedes sustituir la capa dónde tienes la respectiva etiqueta por un texto, una imagen o una pelicula flash por ejemplo. No se si me he explicado...
DanielRGB
Interesante, muchas gracias... con vuestra información podré empezar a investigar
un saludo!