html5與html4的區別

來源:互聯網
上載者:User

標籤:class   c   tar   ext   http   color   

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

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

2. 簡化的文法
HTML5簡化了很多細微的文法,例如doctype的聲明,你只需要寫<!doctype html>就行了。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。

註:<section> 標籤定義文檔中的節(section、區段)。比如章節、頁首、頁尾或文檔中的其他部分。


6.   <menu> <figure> 標籤
<menu>可以被用於建立傳統的菜單,也可以用於工具列和操作功能表。<figure>標籤使得網頁文字和圖片的排版更專業。

注釋:所有主流瀏覽器均不支援 menu 元素。


7. 新增<audio> <video> 標籤
這兩個標籤可能是HTML5裡面最有用的兩個標籤了。顧名思義,這兩個標籤是用來播放音頻和視頻的。

8. 全新的表單
HTML5對<form> 和<forminput> 標籤進行了大量修改,添加了很多新的屬性,也修改了很多屬性。

註:<form>在HTML5中添加的新屬性有:autocomplete(規定是否啟用表單的自動完成功能),novalidate(提交表單時不對其進行驗證)。其中novalidate 屬性適用於:<form>,以及以下類型的 <input> 標籤:text, search, url, telephone, email, password, date pickers, range 以及 color。


9. 刪除<b> <font> 標籤
這個改進我還無法理解。我不認為刪除這兩個標籤對代碼的改進有很大的協助。官方的解釋是應該用CSS來替代這兩個標籤。但我還是覺得對於簡單的文本,這兩個標籤還是很方便的。

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

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.