HTML 5和HTML 4的10個(gè)關(guān)鍵區(qū)別
HTML 5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來越多的程序員開始HTML5來構(gòu)建網(wǎng)站。如果你同時(shí)使用HTML4和HTML5的話 ，你會(huì)發(fā)現(xiàn)用HTML5從頭構(gòu)建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4，它們還是有很多相似之處，但是它們 也有一些關(guān)鍵的不同。本文就列出了它們之間10個(gè)關(guān)鍵的不同之處。
51CTO推薦專題：HTML 5 VS Flash 誰(shuí)是海賊王？
1. HTML 5 標(biāo)準(zhǔn)還在制定中
首先要注意的是，HTML5雖然現(xiàn)在很火，但是HTML5標(biāo)準(zhǔn)還在制定中，標(biāo)準(zhǔn)仍在改變。HTML4已經(jīng)10多年了，不會(huì)有任何改變了。
2. 簡(jiǎn)化的語(yǔ)法
HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。
3. <canvas>標(biāo)簽替代Flash
Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開發(fā)者只要使用一個(gè)標(biāo)簽就 能和用戶產(chǎn)生UI交互。雖然目前<canvas>標(biāo)簽還不能實(shí)現(xiàn)Flash的所有功能，但是很快<canvas>就會(huì)讓 Flash看起來老土，哈哈！
4. 新增 <header> 和 <footer> 標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性，所以增加了<header>和<footer>這樣的標(biāo)簽，用來明確表示網(wǎng)頁(yè)的結(jié)構(gòu)。
5. 新增 <section> 和 <article> 標(biāo)簽
與<header>, <footer>類似，<section>和<article>也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu)，更有利于SEO。
6. 新增 <menu> 和 <figure> 標(biāo)簽
<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。<figure>標(biāo)簽使得網(wǎng)頁(yè)文字和圖片的排版更專業(yè)。
7. 新增 <audio> 和 <video> 標(biāo)簽
這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義，這兩個(gè)標(biāo)簽是用來播放音頻和視頻的。
8. 全新的表單
HTML5對(duì) <form> 和 <forminput> 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。
9. 刪除 <b> 和 <font> 標(biāo)簽
這個(gè)改進(jìn)我還無法理解。我不認(rèn)為刪除這兩個(gè)標(biāo)簽對(duì)代碼的改進(jìn)有很大的幫助。官方的解釋是應(yīng)該用CSS來替代這兩個(gè)標(biāo)簽。但我還是覺得對(duì)于簡(jiǎn)單的文本，這兩個(gè)標(biāo)簽還是很方便的。
10. 刪除 <frame>, <center>, <big> 標(biāo)簽
我已經(jīng)記不得上次是什么時(shí)候使用這些標(biāo)簽了。
以上十點(diǎn)只是HTML5和HTML4差別的很小一部分，最新最全的HTML5-HTML4對(duì)比信息請(qǐng)看 http://dev.w3.org/html5/html4-differences/
原文：http://my.oschina.net/zhlmmc
【編輯推薦】
