HTML4 和 HTML5的10個關鍵區別

發表於2011-10-14

HTML5是HTML標準的下一個版本。越來越多的程式設計師開始HTML5來構建網站。如果你同時使用HTML4和HTML5的話,你會發現用HTML5從頭構建,比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4,它們還是有很多相似之處,但是它們也有一些關鍵的不同。本文就列出了它們之間10個關鍵的不同之處。

1.HTML5標準還在制定中

首先要注意的是,HTML5雖然現在很火,但是HTML5標準還在制定中,標準仍在改變。HTML4已經10多年了,不會有任何改變了。

2.簡化的語法

HTML5簡化了很多細微的語法,例如doctype的宣告,你只需要寫就行了。HTML5與HTML5,XHTML1相容,但是與SGML不相容。

3.< canvas>標籤替代Flash

Flash給很多Web開發者帶來了麻煩,要在網頁上播放Flash需要一堆程式碼和外掛。< canvas>標籤使得開發者只要使用一個標籤就能和使用者產生UI互動。雖然目前< canvas>標籤還不能實現Flash的所有功能,但是很快< canvas>就會讓Flash看起來老土,哈哈!

4.新增< header>和< footer>標籤

HTML5設計的一個原則是更好的體現網站的語義性,所以增加了< header>和< footer>這樣的標籤,用來明確表示網頁的結構。

5.新增< section>和< article>標籤

與< header>,< footer>類似,< section>和< article>也有利於清晰化網頁的結構,更有利於SEO。

6.新增< menu>和< figure>標籤

< menu>可以被用於建立傳統的選單,也可以用於工具欄和上下文選單。< figure>標籤使得網頁文字和圖片的排版更專業。

7.新增< audio>和< video>標籤

這兩個標籤可能是HTML5裡面最有用的兩個標籤了。顧名思義,這兩個標籤是用來播放音訊和視訊的。

8.全新的表單

HTML5對< form>和< forminput>標籤進行了大量修改,新增了很多新的屬性,也修改了很多屬性。

9.刪除和標籤

這個改進我還無法理解。我不認為刪除這兩個標籤對程式碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標籤。但我還是覺得對於簡單的文字,這兩個標籤還是很方便的。

10. 刪除 < frame>, < center>, < big> 標籤

我已經記不得上次是什麼時候使用這些標籤了。

以上十點只是HTML5和HTML4差別的很小一部分,最新最全的HTML5-HTML4對比資訊請看:http://dev.w3.org/html5/html4-differences/

 

相關文章