做WEB前端的人員都知道，在寫(xiě)程序的時(shí)間，用到最多的就是HTML5，那你知道HTML5和HTML4之間有什么區(qū)別嗎？今天匯仁智杰小編就和大家說(shuō)說(shuō)。
HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來(lái)越多的程序員開(kāi)始HTML5來(lái)構(gòu)建網(wǎng)站。如果你同時(shí)使用HTML4和HTML5的話(huà)，你會(huì)發(fā)現(xiàn)用HTML5從頭構(gòu)建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒(méi)有完全顛覆HTML4，它們還是有很多相似之處，但是它們也有一些關(guān)鍵的不同。本文就列出了它們之間10個(gè)關(guān)鍵的不同之處。
1.HTML5標(biāo)準(zhǔn)還在制定中
首先要注意的是，HTML5雖然現(xiàn)在很火，但是HTML5標(biāo)準(zhǔn)還在制定中，標(biāo)準(zhǔn)仍在改變。HTML4已經(jīng)10多年了，不會(huì)有任何改變了。
2.簡(jiǎn)化的語(yǔ)法
HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法，例如doctype的聲明，你只需要寫(xiě)<!doctype html>就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。
3.<canvas>標(biāo)簽替代Flash
Flash給很多Web開(kāi)發(fā)者帶來(lái)了麻煩，要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開(kāi)發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶(hù)產(chǎn)生UI交互。雖然目前<canvas>標(biāo)簽還不能實(shí)現(xiàn)Flash的所有功能，但是很快<canvas>就會(huì)讓Flash看起來(lái)老土，哈哈！
4.新增<header>和<footer>標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性，所以增加了<header>和<footer>這樣的標(biāo)簽，用來(lái)明確表示網(wǎng)頁(yè)的結(jié)構(gòu)。
5.新增<section>和<article>標(biāo)簽
與<header>，<footer>類(lèi)似，<section>和<article>也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu)，更有利于SEO。
6.新增<menu>和<figure>標(biāo)簽
<menu>可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。<figure>標(biāo)簽使得網(wǎng)頁(yè)文字和圖片的排版更專(zhuān)業(yè)。
7.新增<audio>和<video>標(biāo)簽
這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義，這兩個(gè)標(biāo)簽是用來(lái)播放音頻和視頻的。
8.全新的表單
HTML5對(duì)<form>和<forminput>標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。
9.刪除<b>和<font>標(biāo)簽
這個(gè)改進(jìn)我還無(wú)法理解。我不認(rèn)為刪除這兩個(gè)標(biāo)簽對(duì)代碼的改進(jìn)有很大的幫助。官方的解釋是應(yīng)該用CSS來(lái)替代這兩個(gè)標(biāo)簽。但我還是覺(jué)得對(duì)于簡(jiǎn)單的文本，這兩個(gè)標(biāo)簽還是很方便的。
10.刪除<frame>，<center>，<big>標(biāo)簽
我已經(jīng)記不得上次是什么時(shí)候使用這些標(biāo)簽了。
以上10點(diǎn)呢，就是匯仁智杰小編整理的，可能有不盡相同的地方，但是希望對(duì)在學(xué)習(xí)中的WEB前端人員能夠有所幫助。
免費(fèi)學(xué)習(xí)課堂
- 免費(fèi)推廣知識(shí)
- 競(jìng)價(jià)推廣知識(shí)
- 新媒體營(yíng)銷(xiāo)知識(shí)
- 網(wǎng)站運(yùn)營(yíng)知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營(yíng)銷(xiāo)知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營(yíng)銷(xiāo)
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過(guò)度營(yíng)銷(xiāo) 對(duì)嚴(yán)重違
- SEO優(yōu)化過(guò)程要避免什么？
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷(xiāo)
- WEB前端項(xiàng)目開(kāi)發(fā)中需注意的細(xì)節(jié)
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些？
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩？
HTML5與HTML4的10個(gè)關(guān)鍵區(qū)別
來(lái)源：北京匯仁智杰科技有限公司 時(shí)間：2016-05-18 點(diǎn)擊： 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過(guò)度營(yíng)銷(xiāo) 對(duì)嚴(yán)重違2016-01-26
- SEO優(yōu)化過(guò)程要避免什么？2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營(yíng)銷(xiāo)2016-01-26
- WEB前端項(xiàng)目開(kāi)發(fā)中需注意的細(xì)節(jié)2016-01-26
- 低價(jià)網(wǎng)站建設(shè)的危害有哪些？2016-01-15
- 如何詳細(xì)的分析你網(wǎng)站的競(jìng)爭(zhēng)對(duì)手2015-06-10
- 網(wǎng)站設(shè)計(jì)中四個(gè)常犯的錯(cuò)誤2015-01-22
- 如何搭配網(wǎng)站設(shè)計(jì)中的色彩？2015-01-22
