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>標簽使得網頁文字和圖片的排版更專業。
7. 新增 <audio> 和 <video> 標簽
這兩個標簽可能是HTML5里面最有用的兩個標簽了。顧名思義,這兩個標簽是用來播放音頻和視頻的。
8. 全新的表單
HTML5對 <form> 和 <forminput> 標簽進行了大量修改,添加了很多新的屬性,也修改了很多屬性。
9. 刪除 <b> 和 <font> 標簽
這個改進我還無法理解。我不認為刪除這兩個標簽對代碼的改進有很大的幫助。官方的解釋是應該用CSS來替代這兩個標簽。但我還是覺得對于簡單的文本,這兩個標簽還是很方便的。
10. 刪除 <frame>, <center>, <big> 標簽
我已經記不得上次是什么時候使用這些標簽了。