您現(xiàn)在的位置：首頁 > IT資訊 > 軟件研發(fā) > 【中培課堂】Html5 和 Html4 的十個功能對比

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

2017-01-19 10:50:26　|　來源：中培企業(yè)IT培訓網(wǎng)

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

1. HTML5 標準還在制定中

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

2. 簡化的語法

HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML5HTML5XHTML1兼容，但是與SGML不兼容。

3. <canvas>標簽替代Flash

Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發(fā)者只要使用一個標簽就能和用戶產生UI交互。雖然目前<canvas>標簽還不能實現(xiàn)Flash的所有功能，但是很快<canvas>就會讓 Flash看起來老土，哈哈！

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

HTML5設計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加了<header><footer>這樣的標簽，用來明確表示網(wǎng)頁的結構。

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

<header>, <footer>類似，<section><article>也有利于清晰化網(wǎng)頁的結構，更有利于SEO

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

<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。<figure>標簽使得網(wǎng)頁文字和圖片的排版更專業(yè)。

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

這兩個標簽可能是HTML5里面最有用的兩個標簽了。顧名思義，這兩個標簽是用來播放音頻和視頻的。

8. 全新的表單

HTML5對 <form> 和 <forminput> 標簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性。

9. 刪除 <b> 和 <font> 標簽

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