前端的發(fā)展如此之迅猛，一不留神，大俠你可能就會(huì)被遠(yuǎn)遠(yuǎn)地甩在后面了。如果你不想被HTML5的改變/更新攪得不知所措的話，可以把本文的內(nèi)容作為必須了解的熱身課程。
一、新的Doctype
//zxx:”doctype”中文意思指“文檔類型”
仍在使用麻煩的，不可能記得住的XHTML文檔類型？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.html5cn.org/">如果是，為什么還在用呢？使用新的HTML5文檔類型代替吧。你會(huì)活得更久的——正如Douglas Quaid說的
<!DOCTYPE html>我就琢磨著，為了HTML5搞個(gè)這廝代碼，您可能會(huì)對(duì)這段代碼究竟靠不靠譜表示懷疑。不用擔(dān)心，如今這是可行的，只有老的瀏覽器需要一個(gè) 特定的doctype（文檔類型）。瀏覽器如果不知道doctype，就會(huì)很簡單的以標(biāo)準(zhǔn)模式對(duì)包含的標(biāo)簽進(jìn)行渲染。所以，妹妹你大膽的向前沖，把小心謹(jǐn) 慎都拋到九霄云外，去擁抱新的HTML5文檔類型吧。
二、圖形元素(The Figure Element )
看看下面給圖片添加的標(biāo)示：
<img src="path/to/image" alt="About image" /> <p>Image of Mars. </p>文字裹在p標(biāo)簽里，與img標(biāo)簽各行其道，很難讓人聯(lián)想到這就是標(biāo)題。HTML5通過采用<figure>元素對(duì)此進(jìn)行 了改正。當(dāng)合<figcaption>元素組合使用時(shí)，我們就可以語義化地聯(lián)想到這就是圖片相對(duì)應(yīng)的標(biāo)題
<figure> <img src="path/to/image" alt="About image" /> <figcaption> <p>This is an image of something interesting. </p> </figcaption> </figure>
三、<small>重新定義
還 在不久前，<small>元素被用來創(chuàng)建靠近logo且相關(guān)的副標(biāo)題。這是個(gè)很有用的表現(xiàn)元素，但是，現(xiàn)在，這種用法可能就不正確 了。<small>元素已經(jīng)被重新定義了，指小字，因而更具可用性。試想下你網(wǎng)站底部的版權(quán)狀態(tài)，根據(jù)對(duì)此元素新的HTML5定 義，<small>可以正確地包裹這些信息。
small元素專指“小字”。
四、腳本(scripts)和鏈接(links)無需type
您可能現(xiàn)在仍在給link和script標(biāo)簽增加type屬性。
<link rel="stylesheet" href="path/to/stylesheet.css" type="text/css" /> <script type="text/javascript" src="path/to/script.js"></script>這已經(jīng)是老黃花菜，非必需品了。這意味著，這些標(biāo)簽都各自指向樣 式表和腳本。因此，我們可以把type屬性一起干掉。
<link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script>
五、引號(hào)還是不要引號(hào)
…這確實(shí)是個(gè)問題。記住，HTML5不是XHTML，要是你不愿意，你沒有必要非得用引號(hào)標(biāo)記包裹你的屬性，沒有必要非得閉合元素。換句話說，只要你自己覺得舒服，就沒有什么對(duì)錯(cuò)之分。對(duì)于我自己來說就是如此。
<p id=someId> Start the reactor.對(duì)此取舍你還得自己拿主意。如果你更傾向于結(jié)構(gòu)化的文檔，就算天塌下來，也要把引號(hào)牢牢拽在懷里。
六、內(nèi)容可編輯
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
新聞熱點(diǎn)
疑難解答
圖片精選
