Html 5與Html 4有什麼區別

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

Html5與Html4的區別

1、簡化的語法

更簡單的doctype聲明是HTML5里眾多新特徵之一。現在你只需要寫，這就行了。HTML5的語法兼容HTML4和XHTML1，但不兼容SGML。

2、 一個替代Flash的新」canvas」標記

對於Web用戶來說，Flash既是一個驚喜，也是一種痛苦。有很多的Web開發人員對HTML5對Flash產生的威脅很不滿。但對於那些忍受著要花幾年時間載入和運行的臃腫的Flash視頻的人來說，用新的 「canvas」 標記生成視頻的技術已經到來。

目前，「canvas」 標記並不能提供所有的Flash具有的功能，但假以時日，Flash必將從web上淘汰。我們拭目以待，因為很多人還並不認同這種觀點。

3、新的 「header」 和 「footer」 標記

HTML5的設計是要更好的描繪網站的解剖結構。這就是為什麼這些」header」 和」footer」 等新標記的出現，它們是專門為標誌網站的這些部分設計的。在開發網站時，你不在需要用」div」標記來標註網頁的這些部分。

4、新的 「section」 和 「article」 標記

跟」header」 和 「footer」標記類似，HTML5中引入的新的」section」 和 「article」 標記可以讓開發人員更好的標註頁面上的這些區域。

據推測，除了讓代碼更有組織外，它也能改善SEO效果，能讓搜索引擎更容易的分析你的頁面。

5、新的 「menu」 和 「figure」 標記

新的」menu」標記可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁面上並不常用。類似的，新的 「figure」 標記是一種更專業的管理頁面上文字和圖像的方式。當然，你可以用樣式表來控制文字和圖像，但使用HTML5內置的這個標記更適合。

6、新的 「audio」 和 「video」 標記

新的」audio」 和 「video」 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱，它們是用來嵌入音頻和視頻文件的。

除此之外還有一些新的多媒體的標記和屬性，例如」track」，它是用來提供跟蹤視頻的文字信息的。有了這些標記，HTML5使Web2.0特徵變得越來越友好。問題在於，在HTML5還未被廣泛的接受之前，Web2.0還是老的Web2.0。

7、全新的表單設計

新的 「form」 和 「forminput」 標記對原有的表單元素進行的全新的修改，它們有很多的新屬性(以及一些修改)。如果你經常的開發表單，你應該花時間更詳細的研究一下。

8、不再使用 「b」 和 「font」 標記

對我個人來說，這是一個讓我不太理解的改動。我並不認為去除 「b」 和 「font」標記會帶來多大的好處。我知道，官方的指導說這些標記可以通過CCS來做更好的處理，但這樣一來，為了在文章一兩個地方出現的這種標記，你就需要在獨立的css和文本兩個地方來實現這一的功能，豈不笨拙。也許我們以後會習慣這種方法。

9、不再使用 「frame」, 「center」, 「big」 標記

事實，過這些標記了已經過時很久了，所以，大可不必為去除這些標記感到悲哀。相同的原因，有更好的標記能實現它們的功能——這很好，任何作廢的標記從標準中剔除都是受歡迎的。