關於標簽里的class= no-js


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM