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

22個HTML5  第三講：我們繼續(xù)講解HTML5的技巧。

公司主營業(yè)務(wù)：做網(wǎng)站、成都網(wǎng)站建設(shè)、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出平房免費做網(wǎng)站回饋大家。

16. 視頻支持

音頻元素

17. 視頻預(yù)先加載

你首先需要決定是否需要瀏覽器來預(yù)先加載視頻。是否有需要？假設(shè)，一個訪客進入某個專門用來顯示視頻的頁面，那么就非常有必要預(yù)先加載這個頁面節(jié)省一點等待的時間。你可以通過設(shè)置 preload=”preload”來預(yù)先加載視頻，或者之間添加preload也可以。

 
 

  
  
   
  
  
…  
  
  
   
 
 

18. 顯示控件

你可能已經(jīng)注意到，用上面的代碼的話，視頻將只會顯示成一個圖片，而沒有任何可控制的元件。為了獲取這些播放控件，我們必需在視頻元素里指定這些控件屬性。

 
 

  
  
   
  
  
…  
  
  
   
 
 

19. 正則表達式

對虧了新模式的屬性，我們可以直接在代碼中插入一個正則表達式。

 
 

  
  
   
  
  
create a username:    
  
  
 10″ required=”required” autofocus=”autofocus” pattern=”[A-Za-z]{4,10}”>   
  
  
Go    
  
  
   
 
 

如果你比較熟悉正則表達式的話就會注意到這個新模式: [A-Za-z]{4,10}只接受大小寫字母。這個字符串最少必需有四個字符，最多是十個字符。

20. 檢測瀏覽器對屬性的支持

前面提到過并非所有的瀏覽器都支持這些屬性，那是否有什么方法能夠判斷瀏覽器是否能夠識別它們呢？這個問題問得非常好，這里給大家介紹兩種方式，第一個選擇是使用Modernizr來檢測，或者你也可以創(chuàng)建并剖析這些元素來看看瀏覽器都有什么能力。例如，在前面的例子里，如果我們要確定瀏覽器是否能夠執(zhí)行pattern屬性，就可以在頁面上添加JavaScript:

 
 

  
  
alert( ’pattern’ in document.createElement(‘input’) ) // boolean;   
 
 

實際上，這是確定瀏覽器兼容性的一種非常常用的方法。jQuery庫利用了這個技巧。上面的代碼里，我們創(chuàng)建了一個新的輸入元素，并確認pattern屬性是否能夠被識別。如果能夠識別的話，瀏覽器就支持這個功能，否則就不支持。

記住，這將需要依靠 JavaScript來實現(xiàn)！

21. Mark元素

元素的主要功能就是在頁面中高亮顯示那些需要在視覺上向用戶突出其重要性的文字。包裹在此標簽里的字符串必須與用戶當(dāng)前的行為相關(guān)。例如，如果我在一些博客中搜索"Open your Mind" ，我可以使用在標簽里使用JavaScript 來包裹每一次動作。

 
 

  
  
 search results 
   
  
  
 They were interrupted, just after Quato said, ”O(jiān)pen your Mind”. 
   
 
 

22. 何時使用