Html5與html4的異同

HTML5新特性
HTML5 中一些有趣的新特性:
①用于繪畫的 canvas 元素;
②用于媒介回放的 video 和 audio 元素;
③對本地離線存儲的更好的支持;
④新的特殊內容元素,比如 article、footer、header、nav、section;
⑤新的表單控件,比如 calendar、date、time、email、url、search"
以上是w3c上的原話,簡單說就是更符合標準,提供更多功能支持;更加規范,可讀性更強,性能有提升,實現功能更加簡單方便,就像手機一樣,高版本的功能多一些。
現在越來越多的程序員開始HTML5來構建網站。雖然HTML5與HTML4有很多相似之處,也有一些關鍵的不同。如果想在你的工作中使用這些新的標記和屬性,建議你最好只是做實驗,原因是HTML5仍在制定中,這些新標記和新屬性在將來也許會有很大的改變,所以你要不斷的更新代碼,它們很可能會過期失效。所以最好耐心的等到HTML5真正可以實用時候再應用到工作中來。

下邊列出了HTML5余HTML4之間10個關鍵的不同之處
1、HTML5仍然是一個制定中的標準
這第一個也是非常重要的一個區別,雖然與HTML4相比HTML5很酷,很規范,但是這些都無法改變HTML5依然是一個制定中的標準的事實。HTML5仍然處在初級階段,預期會發生很多變化。你必須把這些因素考慮進來,因為這個你需要不停的更新升級你的網站,這是很不方便的。這也是為什么到目前為止,最好在產品里使用HTML4,只在實驗里使用HTML5的原因。HTML4也許已經超過10歲了,但是它作為正式標準的事實一直沒變。
2、簡化的語法
更簡單的doctype聲明是HTML5里眾多新特征之一?,F在只需要寫就好了。HTML5的語法兼容HTML4和XHTML1,但不兼容SGML。
3、新的<canvas>標記代替flash
Flash給Web開發者帶來了很多麻煩,因為想要在網頁上播放Flash需要一堆代碼和插件。<canvas>標簽使得開發者只要使用一個標簽就能和用戶產生UI交互。雖然目前<canvas>標簽還不能實現Flash的所有功能,但是相信很快就會顛覆并代替flash。
4、新的<header>與<footer>標記
HTML5的設計是要更好的描繪網站的解剖結構。這就是為什么一些像<header>和 <footer>這樣的新標記會出現,它們是專門為標志網站的這些部分設計的。用來明確表示網頁的結構。
5、新的<section>與<article>與標記
跟<header>與<footer>標記相似,HTML5中引入的新的 <section>和 <article>標記可以讓開發人員更好的標注頁面上的這些區域。有利于清晰化網頁的結構,更有利于SEO。
6. 新的<menu> 和<figure> 標記
新的< menu>可以被用于創建傳統的菜單,也可以用于工具欄和上下文菜單。新的< figure>標簽使得網頁文字和圖片的排版更專業。
7. 新的<audio> 和 <video>標記
新的<audio> 和<video> 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱,它們是用來嵌入音頻和視頻文件的。
除此之外還增加了新的多媒體的標記和屬性,例如<track>,它是用來提供跟蹤視頻的文字信息的。
8. 表單的全新水平
新的 <form>和<forminput> 標記對原有的表單元素進行的全新的修改,添加了很多的新屬性,也修改了很多屬性。如果你經常的開發表單,建議花時間更詳細的研究一下。
9. 不再使用<b> 和 <font>標記
官方說明是這些標記可以通過CCS來做更好的處理,也許我們以后會習慣這種方法。
10. 不再使用<frame>, <center>, <big>標記
有了更好的標記能實現他們的功能。
這10個HTML5和HTML4之間的不同只是整個新的規范中的一小部分。除了這些主要的變動外,我還可以略提一下一些次要的改動,比如修改了<ol>標記的屬性,讓它能夠倒排序,對<u>標記也做了些修改。
以上十點只是HTML5和HTML4差別的很小一部分,最新最全的HTML5-HTML4對比信息請看:http://dev.w3.org/html5/html4-differences/

摘自 http://www.lxweimin.com/p/fa5c54451d1e

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容