淺談HTML5與HTML4的10個(gè)關(guān)鍵區(qū)別

HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來(lái)越多的程序員開始HTML5來(lái)構(gòu)建網(wǎng)站。如果你同時(shí)使用HTML4和HTML5的話,你會(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的聲明,你只需要寫<!doctype html>就行了。HTML5與HTML5,XHTML1兼容,但是與SGML不兼容。
3.<canvas>標(biāo)簽替代Flash
Flash給很多Web開發(fā)者帶來(lái)了麻煩,要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。<canvas>標(biāo)簽使得開發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶產(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>類似,<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è)文字和圖片的排版更專業(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)簽了。
以上這篇淺談HTML5與HTML4的10個(gè)關(guān)鍵區(qū)別就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
網(wǎng)站頁(yè)面一定需要HTML靜態(tài)化嗎 實(shí)戰(zhàn)說(shuō)明靜態(tài)化的必要性
很多剛開始運(yùn)營(yíng)網(wǎng)站的伙伴們都要知道網(wǎng)站內(nèi)的頁(yè)面需要進(jìn)行URL優(yōu)化嗎?如設(shè)置靜態(tài)化等,對(duì)此,本文就為大家解析一下網(wǎng)站靜態(tài)化的必要性,有興趣的朋友們可以了解下哦2016-05-31html5 canvas實(shí)現(xiàn)的鼠標(biāo)點(diǎn)擊水珠爆炸動(dòng)畫特效源碼
這是一款基于html5 canvas實(shí)現(xiàn)的鼠標(biāo)點(diǎn)擊水珠爆炸動(dòng)畫特效源碼,鼠標(biāo)點(diǎn)擊界面可出現(xiàn)水珠的四散爆炸動(dòng)畫效果,該源碼沒(méi)有引入任何外部圖形元素,且動(dòng)畫效果逼真流暢2016-05-31- 本文檔定義了HTML/CSS的編寫格式和風(fēng)格規(guī)則。它旨在提高合作和代碼質(zhì)量,并使其支持基礎(chǔ)架構(gòu)。適用于HTML/CSS文件,包括GSS文件。 只要代碼質(zhì)量是可以被維護(hù)的,就能很好的2016-05-30
- 下面小編就為大家?guī)?lái)一篇HTML5拖拽的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-30
PHP-HTMLhtml重要知識(shí)點(diǎn)筆記(必看)
下面小編就為大家?guī)?lái)一篇PHP-HTMLhtml重要知識(shí)點(diǎn)筆記(必看)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-01