【中培課堂】Html5 和 Html4 的十個功能對比

2017-01-19 10:50:26　|　來源：中培企業IT培訓網

HTML5HTML標準的5個修改版由于其強大的功能和兼容性，越來越多的程序員開始HTML5來構建網站。如果你同時使用HTML4HTML5的話，你會發現用HTML5從頭構建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4，它們還是有很多相似之處，但是它們也有一些關鍵的不同。中培偉業《HTML5開發最佳實踐應用》培訓專家姚老師在這里就HTML5 和 HTML4 10個功能進行了對比。

1. HTML5 標準還在制定中

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

2. 簡化的語法

HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML5HTML5XHTML1兼容，但是與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>標簽使得網頁文字和圖片的排版更專業。