2012-09-28 26 views
7

he visto gran cantidad de sitios web tienen un código específico para IE6, IE7, IE8.¿cuál es el significado de no-js clase en HTML5

<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> 

y me parece html tienen clase específica como esto

<html class=" js no-flexbox flexbox-legacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"> 

cualquiera acaba de decir lo que es el uso de este códigos

+1

duplicados eventual de http://stackoverflow.com/questions/6724515/what-is-the-purpose-of-the-html-no-js-class – w00

Respuesta

7

Se pone allí, así que si hay ES Javascript soporte, entonces puede usar JS para eliminar la clase no-js.

utiliza la clase no-js de estilo CSS para su página web si normalmente requiere JS para su sitio para que funcione correctamente. Esto proporciona un formato degradada pero funcional, si usted quiere servir suficiente HTML y se forma suficiente para hacer el trabajo página sin JS, pero luego ocultar el gueto versión y reemplazarlo con el material brillante y de fantasía, más adelante.

2

<!--[if IE]><![endif]--> es Microsoft de conditional comment.

Por lo tanto, para la versión de IE < 7 ([if lt IE 7]), se usa <html lang="en" class="no-js ie6">;

Para IE versión 7 ([if IE 7]), se usa <html lang="en" class="no-js ie7">;

y así sucesivamente.

Finalmente, para la versión IE> 9 ([if gt IE 9]), se usa <html lang="en" class="no-js">.

Y dado que es un comentario específico de Microsoft, todos los navegadores que no sean IE lo tratarán como un comentario normal, por lo que solo se utiliza <html lang="en" class="no-js"> (la única parte no comentada).

8

Esta es la instrucción para Modernizr, si JavaScript en su navegador habilitado, Modernizr carreras y cambiar no-js-js clase, por lo que puede definir CSS-estilos para los navegadores javascript habilitado y para los navegadores con JavaScript desactivado

Cuestiones relacionadas