…   
  
  

上面的代碼一去不復(fù)返。Divs從根本上來說并沒有任何語義結(jié)構(gòu)，即使應(yīng)用上了ID還是如此。而在HTML5中，我們可以使用

不過注意不要將這兩個元素與網(wǎng)站的頭部和腳部混淆起來。它們只是代表它們的容器。

11. IE和HTML5

IE理解新的HTML5元素需要費(fèi)一定的神，為了確保新的HTML5元素能夠以塊級元素正確顯示，有必要將它們用下面的代碼定義風(fēng)格：

 
 
  
  
header, footer, article, section, nav, menu, hgroup {     
  
  
display: block;     
  
  
}   
 

就算如此，IE還是不知道這些元素究竟是什么，因而會無視這些格式，還需要用到下面的代碼來解決這個問題：

 
 
  
  
document.createElement(“article”);   
  
  
document.createElement(“footer”);   
  
  
document.createElement(“header”);   
  
  
document.createElement(“hgroup”);   
  
  
document.createElement(“nav”);   
  
  
document.createElement(“menu”);   
 

12. 群組標(biāo)題（hgroup）

假設(shè)一個網(wǎng)站有名稱、副標(biāo)題分別用

、

標(biāo)簽來標(biāo)記，在HTML4中還沒有一種能夠?qū)烧咧g的關(guān)系用很好的語義關(guān)系來描述的方法，此外，當(dāng)使用h2在頁面中顯示其它標(biāo)題時，在層級方面問題就更多。而使用群組標(biāo)題hgroup元素，我們可以將這些標(biāo)題聚集在一起，而不影響文檔的整個綱要。

 
 
  
  
   
  
  
   
  
  
 Recall Fan Page 
   
  
  
 Only for people who want the memory of a lifetime. 
   
  
  
   
  
  
   
 

13.必要（Required）屬性

表單允許新的必要屬性，規(guī)定是否某個特定的輸入是必要的。你可以依據(jù)自己寫代碼的偏好，用下面兩種不同方式來聲明這個屬性：

或者，更嚴(yán)謹(jǐn)：

上面兩行代碼都行得通。用了這行代碼之后，并且瀏覽器支持required屬性的話， 輸入空白的表單就不會被提交。下面是一個簡單的例子，同時我們也添加了占位符屬性：

 
 
  
  
   
  
  
 Your Name:    
  
  
   
  
  
Go   
  
  
   
 

如果輸入是空的，表單將無法提交，突出顯示文本框。
14. 自動對焦（Autofocus）屬性

同樣地，有了HTML5就不再需要用JavaScript方案來解決自動對焦的問題。如果某個輸入應(yīng)該被"選擇"或被聚焦，我們現(xiàn)在可以使用HTML的自動對焦autofocus屬性。

15. 音頻支持

我們再也不需要依靠第三方插件來提供音頻了。HTML5提供了音頻元素

 
 
  
  
   
  
  
   
  
  
   
  
  
Download this file.   
  
  
   
 

說道音頻格式，Mozilla和Webkit都還沒有完全支持。Firefox希望看到一個 .ogg文件，Webkit瀏覽器只支持最常見的.mp3擴(kuò)展名。這意味著說，至少目前為止，你應(yīng)該創(chuàng)建兩個版本的音頻。當(dāng)Safari加載頁面時，它認(rèn)不出.ogg格式的文件，將會跳過并移到mp3版本上。請注意，IE并不支持它，Opera 10 或更低的版本只支持 .wav文件。

網(wǎng)頁名稱：22個HTML 5第二講
當(dāng)前網(wǎng)址：http://www.dlmjj.cn/article/dhihiee.html