最近研究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]-->
