雖然HTML 5標(biāo)準(zhǔn)現(xiàn)在仍然是個草案，但其重要的部分已經(jīng)被許多現(xiàn)代的瀏覽器實現(xiàn)了。在《現(xiàn)在如何在你的站點上使用HTML 5》一文中我們介紹了如何使用HTML 5，本文將總結(jié)出HTML 5在功能上的主要變化及使用實例。

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

一、新的Doctype

你還在使用麻煩的，不可能記得住的XHTML文檔類型嗎？

        
            
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"              
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
        
 
        

如果是，為什么還在用呢?使用新的HTML 5文檔類型代替吧。

        
            
<!DOCTYPEhtml> 
        
        

我就琢磨著，為了HTML5搞個這廝代碼，您可能會對這段代碼究竟靠不靠譜表示懷疑。不用擔(dān)心，如今這是可行的，只有老的瀏覽器需要一個特定的doctype(文檔類型)。瀏覽器如果不知道doctype，就會很簡單的以標(biāo)準(zhǔn)模式對包含的標(biāo)簽進(jìn)行渲染。所以，妹妹你大膽的向前沖，把小心謹(jǐn)慎都拋到九霄云外，去擁抱新的HTML5文檔類型吧。

二、圖形元素(TheFigureElement)

看看下面給圖片添加的標(biāo)示：

        
            
<imgsrcimgsrc="path/to/image"alt="Aboutimage"/><p>ImageofMars.</p> 
        
        

文字裹在P標(biāo)簽里，與IMG標(biāo)簽各行其道，很難讓人聯(lián)想到這就是標(biāo)題。HTML 5通過采用元素對此進(jìn)行了改正。當(dāng)合元素組合使用時，我們就可以語義化地聯(lián)想到這就是圖片相對應(yīng)的標(biāo)題。

        
            
<figure>             
<imgsrcimgsrc="path/to/image"alt="Aboutimage"/>             
<figcaption>             
<p>Thisisanimageofsomethinginteresting.</p>             
</figcaption></figure> 
        
        

三、重新定義

還在不久前，元素被用來創(chuàng)建靠近logo且相關(guān)的副標(biāo)題。這是個很有用的表現(xiàn)元素，但是，現(xiàn)在，這種用法可能就不正確了。元素已經(jīng)被重新定義了，指小字，因而更具可用性。試想下你網(wǎng)站底部的版權(quán)狀態(tài)，根據(jù)對此元素新的HTML5定義，可以正確地包裹這些信息。

四、腳本(scripts)和鏈接(links)無需type

您可能現(xiàn)在仍在給link和script標(biāo)簽增加type屬性。

        
            
<linkrellinkrel="stylesheet"href="path/to/stylesheet.css"type="text/css"/>             
<scripttypescripttype="text/javascript"src="path/to/script.js"></script> 
        
        

這意味著，這些標(biāo)簽都各自指向樣式表和腳本。因此，我們可以把type屬性一起干掉。

        
            
<linkrellinkrel="stylesheet"href="path/to/stylesheet.css"/>             
<scriptsrcscriptsrc="path/to/script.js"></script>