日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Modernizr：為HTML5和CSS3而生

10年前，只有最尖端的網(wǎng)站設(shè)計師會為網(wǎng)頁的布局和修飾使用CSS。那時的瀏覽器對CSS進(jìn)行布局的支持即不完善又漏洞百出，所以這些人在堅持WEB標(biāo)準(zhǔn)化的同時，也不得不采用hacks來使得他們的頁面在所有瀏覽器中都能正常顯示。其中一個被使用的越來越多的hack技術(shù)是瀏覽器嗅探（browser sniffing），使用Javascript里的navigator.userAgent屬性來判斷用戶使用的是什么品牌哪個版本的瀏覽器。瀏覽器嗅探技術(shù)可以快捷的將代碼進(jìn)行分支，以便針對不同的瀏覽器應(yīng)用不同的指令。

推薦專題：HTML 5 下一代Web開發(fā)標(biāo)準(zhǔn)詳解

今天，以CSS為基礎(chǔ)進(jìn)行的布局已經(jīng)非常普遍，瀏覽器們對它的支持也非常的堅實。但是現(xiàn)在CSS3和HTML5來了，歷史轉(zhuǎn)了個圈又回到了原地——各個瀏覽器對這些新技術(shù)的支持又開始變得參差不齊了。我們早都習(xí)慣了書寫整潔的符合標(biāo)準(zhǔn)的代碼，也不會再使用CSS hacks或者瀏覽器嗅探這些不靠譜又低級的技術(shù)。我們也相信越來越多的用戶會認(rèn)同網(wǎng)站不必在所有瀏覽器里都看起來一樣的理念。那面對當(dāng)下這個熟悉的情形（瀏覽器支持的不同），我們該怎么做呢？簡單：使用特征檢測（feature detection），這意味著我們不必通過問瀏覽器“你是誰？”來做出不靠譜的推測。取而代之，我們問瀏覽器“你能做這個或那個嗎”。這么來檢測瀏覽器的能力是很簡便的，但一個個的花時間去手工測試依然令人厭煩。此時Modernizr可以幫助我們。

Modernizr：專為HTML5和CSS3開發(fā)的功能檢測類庫

Modernizr是一個開源的JS庫，它使得那些基于訪客瀏覽器的不同（指對新標(biāo)準(zhǔn)支持性的差異）而開發(fā)不同級別體驗的設(shè)計師的工作變得更為簡單。它使得設(shè)計師可以在支持HTML5和CSS3的瀏覽器中充分利用HTML5和CSS3的特性進(jìn)行開發(fā)，同時又不會犧牲其他不支持這些新技術(shù)的瀏覽器的控制。

當(dāng)你在網(wǎng)頁中嵌入Modernizr的腳本時，它會檢測當(dāng)前瀏覽器是否支持CSS3的特性，比如 @font-face、border-radius、 border-image、box-shadow、rgba() 等，同時也會檢測是否支持HTML5的特性——比如audio、video、本地儲存、和新的 標(biāo)簽的類型和屬性等。在獲取到這些信息的基礎(chǔ)上，你可以在那些支持這些功能的瀏覽器上使用它們，來決定是否創(chuàng)建一個基于JS的fallback，或者對那些不支持的瀏覽器進(jìn)行簡單的優(yōu)雅降級。另外，Modernizr還可以令I(lǐng)E支持對HTML5的元素應(yīng)用CSS樣式，這樣開發(fā)者就可以立即使用這些更富有語義化的標(biāo)簽了。

Modernizr是基于漸進(jìn)增強理論來開發(fā)的，所以它支持并鼓勵開發(fā)者一層一層的創(chuàng)建他們的網(wǎng)站。一切從一個應(yīng)用了Javascript的空閑地基開始，一個接一個的添加增強的應(yīng)用層。因為使用了Modernizr，所以你容易知道瀏覽器都支持什么。下面我們來看一個通過應(yīng)用Modernizr來創(chuàng)建尖端網(wǎng)站的實例。

從應(yīng)用Modernizr開始

首先從www.modernizr.com下載Modernizr的最新的穩(wěn)定版（目前國內(nèi)封了Modernizr的官網(wǎng)，我們可以從github上下載。或者更簡單點，可以從堂主這里下載最新的1.7版的腳本文件），在官網(wǎng)上你還可以看到它支持檢測的所有特性的清單（本文末位會給出這些清單，以便翻不了墻的童鞋可以知道都支持哪些）。下載完最新版本以后（作者寫這篇文章的時候用的是1.5版），把它加入頁面的區(qū)域：

 
 
 
    
  
  
  
  1. > 
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5. My Beautiful Sample Page title> </li>  
  
  <li><footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a>

<div class="friend-links">

<a href="http://www.9iban.com">久久精品无码av|一级中文无码免费观看|日韩欧美黄片手机版|人妻激情视频成人无码aaa|美女一级黄色毛片|国产aa黄片亚洲破处片|黄色A极大片特级a黄片|综合精品一区二区三区四区在线|国产精品不卡无码av在线播放|超碰亚洲在线日韩肏屄</a>
<a href="http://www.datumvisio.com">91AV乱伦强奸|国产理伦电影尤物导航|在线观看高清无码黄片|特黄色电影特级毛片|亚洲精品av一区二区三区|91AV无码免费|久久嫩草国产亚洲无码网站|国产91极度丝袜|青青草在线视频免费观看|黄色av网五月天</a>
<a href="http://www.jiangrensw.com">在线视频一本一区|91在线免费视频网站|国产视频在线观看91|A片在线观看视频直接观看|在线免费A片黄色电影|美女视频图片永久免费观看|青青色在线观看视频网站|日本欧美视频在线看v片成人|色情性黄?片免费视频中国免费的|国产一线二线三黄色片</a>

</div>
</div>

</footer>


<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>