html5非常火,他究竟與html4有何差別?

技術mix呢發表於2017-11-09
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。

6. 新增 <menu> 和 <figure> 標籤
<menu>能夠被用於建立傳統的選單,也能夠用於工具欄和上下文選單。

<figure>標籤使得網頁文字和圖片的排版更專業。

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

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



9. 刪除 <b> 和 <font> 標籤
這個改進我還無法理解。

我不覺得刪除這兩個標籤對程式碼的改進有非常大的幫助。官方的解釋是應該用CSS來替代這兩個標籤。

但我還是覺得對於簡單的文字,這兩個標籤還是非常方便的。

10. 刪除 <frame>, <center>, <big> 標籤
我已經記不得上次是什麼時候使用這些標籤了。





本文轉自mfrbuaa部落格園部落格,原文連結:http://www.cnblogs.com/mfrbuaa/p/5349784.html,如需轉載請自行聯絡原作者


相關文章