做WEB前端的人員都知道，在寫程序的時(shí)間，用到最多的就是HTML5，那你知道HTML5和HTML4之間有什么區(qū)別嗎？今天匯仁智杰小編就和大家說說。
HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來越多的程序員開始HTML5來構(gòu)建網(wǎng)站。如果你同時(shí)使用HTML4和HTML5的話，你會(huì)發(fā)現(xiàn)用HTML5從頭構(gòu)建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆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.簡化的語法
HTML5簡化了很多細(xì)微的語法，例如doctype的聲明，你只需要寫<!doctype html>就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。
3.<canvas>標(biāo)簽替代Flash
Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶產(chǎn)生UI交互。雖然目前<canvas>標(biāo)簽還不能實(shí)現(xiàn)Flash的所有功能，但是很快<canvas>就會(huì)讓Flash看起來老土，哈哈！
4.新增<header>和<footer>標(biāo)簽
HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(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)簽
這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義，這兩個(gè)標(biāo)簽是用來播放音頻和視頻的。
8.全新的表單
HTML5對(duì)<form>和<forminput>標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。
9.刪除<b>和<font>標(biāo)簽
這個(gè)改進(jìn)我還無法理解。我不認(rèn)為刪除這兩個(gè)標(biāo)簽對(duì)代碼的改進(jìn)有很大的幫助。官方的解釋是應(yīng)該用CSS來替代這兩個(gè)標(biāo)簽。但我還是覺得對(duì)于簡單的文本，這兩個(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í)
- 新媒體營銷知識(shí)
- 網(wǎng)站運(yùn)營知識(shí)
- 網(wǎng)站設(shè)計(jì)知識(shí)
- 網(wǎng)站建設(shè)知識(shí)
- Web前端知識(shí)
- 軟文營銷知識(shí)
- 網(wǎng)站策劃知識(shí)
- 整合營銷
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件
- 整頓微信公眾號(hào)過度營銷 對(duì)嚴(yán)重違
- SEO優(yōu)化過程要避免什么？
- 網(wǎng)站空間被掛馬的原因原因及解決
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營銷
- WEB前端項(xiàng)目開發(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ū)別
來源：北京匯仁智杰科技有限公司 時(shí)間：2016-05-18 點(diǎn)擊： 次
推薦文章
- 織夢(mèng)dedecms漏洞修復(fù)大全含任意文件2016-09-05
- 整頓微信公眾號(hào)過度營銷 對(duì)嚴(yán)重違2016-01-26
- SEO優(yōu)化過程要避免什么？2016-01-26
- 網(wǎng)站空間被掛馬的原因原因及解決2016-01-26
- 2016企業(yè)該如何運(yùn)用互聯(lián)網(wǎng)進(jìn)行營銷2016-01-26
- WEB前端項(xiàng)目開發(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
