HTML5學(xué)前熱身 實(shí)用技巧及應用詳解

雖然HTML 5標準現在仍然是個(gè)草案，但其重要的部分已經(jīng)被許多現代的瀏覽器實(shí)現了。本文將總結出HTML 5在功能上的主要變化及使用實(shí)例。

一、新的Doctype

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

 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 

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

> 

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

二、圖形元素(TheFigureElement)

看看下面給圖片添加的標示：

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

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

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

三、重新定義

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

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

您可能現在仍在給link和script標簽增加type屬性。

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

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

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