日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

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

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

16. 視頻支持

音頻元素

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

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

 
 

  
  
   
  
  
…  
  
  
   
 
 

18. 顯示控件

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

 
 

  
  
   
  
  
…  
  
  
   
 
 

19. 正則表達(dá)式

對(duì)虧了新模式的屬性，我們可以直接在代碼中插入一個(gè)正則表達(dá)式。

 
 

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

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

20. 檢測(cè)瀏覽器對(duì)屬性的支持

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

 
 

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

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

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

21. Mark元素

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

 
 

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

22. 何時(shí)使用