HTML5網(wǎng)頁設(shè)計與HTML4網(wǎng)頁設(shè)計的區(qū)別

文章來源：暢想網(wǎng)絡(luò) | 本文作者：小編 | 發(fā)布時間：2016-01-25 12:15:33 | Tag標(biāo)簽：

25 2016

HTML5是HTML標(biāo)準(zhǔn)的下一個版本。越來越多的程序員開始HTML5來構(gòu)建網(wǎng)站。如果你同時使用HTML4和HTML5的話，你會發(fā)現(xiàn)用 HTML5從頭構(gòu)建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4，它們還是有很多相似之處，但是它們也有一些關(guān)鍵的不同。本文就列出了它們之間10個關(guān)鍵的不同之處。

1.HTML5標(biāo)準(zhǔn)還在制定中

首先要注意的是，HTML5雖然現(xiàn)在很火，但是HTML5標(biāo)準(zhǔn)還在制定中，標(biāo)準(zhǔn)仍在改變。HTML4已經(jīng)10多年了，不會有任何改變了。

2.簡化的語法

HTML5簡化了很多細(xì)微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。

3.<canvas>標(biāo)簽替代Flash

Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開發(fā)者只要使用一個標(biāo)簽就能和用戶產(chǎn)生UI交互。雖然目前<canvas>標(biāo)簽還不能實現(xiàn)Flash的所有功能，但是很快<canvas>就會讓 Flash看起來老土，哈哈！

4.新增<header>和<footer>標(biāo)簽

HTML5設(shè)計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加了<header>和<footer>這樣的標(biāo)簽，用來明確表示網(wǎng)頁的結(jié)構(gòu)。

5.新增<section>和<article>標(biāo)簽

與<header>，<footer>類似，<section>和<article>也有利于清晰化網(wǎng)頁的結(jié)構(gòu)，更有利于SEO。

6.新增<menu>和<figure>標(biāo)簽

<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。<figure>標(biāo)簽使得網(wǎng)頁文字和圖片的排版更專業(yè)。

7.新增<audio>和<video>標(biāo)簽

這兩個標(biāo)簽可能是HTML5里面最有用的兩個標(biāo)簽了。顧名思義，這兩個標(biāo)簽是用來播放音頻和視頻的。

8.全新的表單

HTML5對<form>和<forminput>標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。

9.刪除<b>和<font>標(biāo)簽

這個改進(jìn)我還無法理解。我不認(rèn)為刪除這兩個標(biāo)簽對代碼的改進(jìn)有很大的幫助。官方的解釋是應(yīng)該用CSS來替代這兩個標(biāo)簽。但我還是覺得對于簡單的文本，這兩個標(biāo)簽還是很方便的。