首页 > Web开发 > 详细

关于<html>标签里的class= no-js

时间:2015-05-11 12:31:34      阅读:345      评论:0      收藏:0      [点我收藏+]

最近研究bootstrap的时候,发现了一个案例网站有一段 <html class="no-js"> 然后问了下度娘,找到了一篇大神的文章

里面对这个有很详细的解释:

为什么网页 code 有 class="no-js" ?

<!DOCTYPE html>
<html dir="ltr" lang="en-US" class="no-js">
<head>
<meta charset="utf-8">

其实,这个 no-js 是配合 Modernizr 一起使用的类名(class)

 

Modernizr 是一个 javascript 库,检查你的游览器是否支持 CSS3 或者 HTML5 的特性而自动添加一些类名(class)到 <html> 并 替换掉原来的 .no-js(简单来说,Modernizr 就是一个CSS3/HTML5 的测试器,你需要测试什么,这可以到它的官方网站配置,选择自己需要测试的元素)。

还有让你的游览器支持 HTML5 中的新的标签,例如:<nav>, <header>, <footer> 和 <figure>

Modernizr 官方网站:http://modernizr.com/

关于Moderniz 的具体使用方法和解释,请参照大神的文章:

http://blog.justwd.net/2012/02/about-no-js/

 

通过大神的文章,我又发现了一个新的东东:html5shiv

关于 html5shiv 解释:
1、html5shiv 只是个 javascript 库,只有一个功能,就是让 Internet Explorer 6-8 支持 HTML5 的标签,例如 article,section,aside,video 等等……
2、Modernizr 默认包含了这个库
3、使用 html5shiv,配合 conditional comment。你也不想支持的游览器加载多余的东西吧(IE9+ 是支持 HTML5的):

<!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
<![endif]-->

 

关于<html>标签里的class= no-js

原文:http://www.cnblogs.com/3box/p/4493973.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!