惠州網站制作淺談HTML5和(hé)HTML4的(de)在網站制作中的(de)一些區(qū)别。相似的(de)地方很多(duō)，但區(qū)别才是網站設計師該關注的(de)地方。區(qū)别分(fēn)爲以下(xià)十個(gè)點。
第一點，HTML5标準還(hái)在制定中
首先要注意的(de)是，HTML5雖然現在很火，但是HTML5标準還(hái)在制定中，标準仍在改變。HTML4已經10多(duō)年了(le)，不會有任何改變了(le)。
第二點，HTML5簡化(huà)的(de)語法
HTML5簡化(huà)了(le)很多(duō)細微的(de)語法，例如doctype的(de)聲明(míng)，你隻需要寫<!doctype html>就行了(le)。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。
第三點，<canvas>标簽替代Flash
Flash給很多(duō)Web開發者帶來(lái)了(le)麻煩，要在網頁上播放Flash需要一堆代碼和(hé)插件。<canvas>标簽使得(de)開發者隻要使用(yòng)一個(gè)标簽就能和(hé)用(yòng)戶産生UI交互。雖然目前<canvas>标簽還(hái)不能實現Flash的(de)所有功能，但是很快(kuài)<canvas>就會讓Flash看起來(lái)老土，哈哈！
第四點，新增<header>和(hé)<footer>标簽
HTML5設計的(de)一個(gè)原則是更好的(de)體現網站的(de)語義性，所以增加了(le)<header>和(hé)<footer>這(zhè)樣的(de)标簽，用(yòng)來(lái)明(míng)确表示網頁的(de)結構。
第五點，新增<section>和(hé)<article>标簽
與<header>，<footer>類似，<section>和(hé)<article>也(yě)有利于清晰化(huà)網頁的(de)結構，更有利于網站優化(huà)。
第六點，新增<menu>和(hé)<figure>标簽
<menu>可(kě)以被用(yòng)于創建傳統的(de)菜單，也(yě)可(kě)以用(yòng)于工具欄和(hé)上下(xià)文菜單。<figure>标簽使得(de)網頁文字和(hé)圖片的(de)排版更專業。
第七點，新增<audio>和(hé)<video>标簽
這(zhè)兩個(gè)标簽可(kě)能是HTML5裏面最有用(yòng)的(de)兩個(gè)标簽了(le)。顧名思義，這(zhè)兩個(gè)标簽是用(yòng)來(lái)播放音(yīn)頻(pín)和(hé)視頻(pín)的(de)。
第八點，全新的(de)表單
HTML5對(duì)<form>和(hé)<forminput>标簽進行了(le)大(dà)量修改，添加了(le)很多(duō)新的(de)屬性，也(yě)修改了(le)很多(duō)屬性。
第九點，删除<b>和(hé)<font>标簽
這(zhè)個(gè)改進我還(hái)無法理(lǐ)解。我不認爲删除這(zhè)兩個(gè)标簽對(duì)代碼的(de)改進有很大(dà)的(de)幫助。官方的(de)解釋是應該用(yòng)CSS來(lái)替代這(zhè)兩個(gè)标簽。但我還(hái)是覺得(de)對(duì)于簡單的(de)文本，這(zhè)兩個(gè)标簽還(hái)是很方便的(de)。
第十點，删除<frame>，<center>，<big>标簽
我已經記不得(de)上次是什(shén)麽時(shí)候使用(yòng)這(zhè)些标簽了(le)。這(zhè)在網站優化(huà)層面來(lái)說很有幫助。
總結，這(zhè)十點隻是一部分(fēn)，要了(le)解更多(duō)的(de)HTML5和(hé)HTML4的(de)區(qū)别請持續關注惠州網站建設東正科技的(de)動态。
*版權所有，引用(yòng)時(shí)請在顯要位置注明(míng)轉自 東正網站建設，網絡營銷服務領跑者—東正科技
