本篇文章信途科技給大家談?wù)凥TML4，以及html4和html5區(qū)別對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站。

html5和html4有什么區(qū)別？

HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來(lái)越多的程序員開(kā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的聲明，只需要寫(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)簽就

能和用戶產(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)簽

10.

刪除

frame，

center，

big

標(biāo)簽

以上十點(diǎn)只是HTML5和HTML4差別的很小一部分。

HTML4，HTML5，XHTML之間有什么區(qū)別？

HTML4是html標(biāo)準(zhǔn)中比較成熟的一個(gè)版本，使用時(shí)間比較長(zhǎng)，也是現(xiàn)今大部分網(wǎng)頁(yè)遵循的標(biāo)準(zhǔn)。

為了規(guī)范HTML，結(jié)合XML制定了XHTML1.0標(biāo)準(zhǔn)，這個(gè)標(biāo)準(zhǔn)沒(méi)有增加任何新的tag，只是按照XML的要求來(lái)規(guī)范HTML，形成了XHTML。也就是說(shuō)，XHTML是能滿足XML要求的HTML。

HTML5是html標(biāo)準(zhǔn)中現(xiàn)今的最新標(biāo)準(zhǔn)，可能會(huì)覺(jué)得HTML5沒(méi)什么特殊的地方，值得這么久去制定么，不過(guò)要是了解到現(xiàn)在瀏覽器技術(shù)，JavaScript，CSS中各種新技術(shù)的不斷涌現(xiàn)或者說(shuō)雜亂無(wú)章，就明白要把它們統(tǒng)一并兼容是多么的困難。

html4和html5的區(qū)別

HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來(lái)越多的程序員開(kā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的聲明，你只需要寫(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)簽就 能和用戶產(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)簽了。

以上十點(diǎn)只是HTML5和HTML4差別的很小一部分，最新最全的HTML5-HTML4對(duì)比信息請(qǐng)看

http://dev.w3.org/html5/html4-differences/

HTML4和HTML5之間有哪些區(qū)別？

HTML5是最新的HTML標(biāo)準(zhǔn)，或遲或早，所有的web程序員都會(huì)發(fā)現(xiàn)需要使用到這個(gè)最新的標(biāo)準(zhǔn)，而且，很多人都會(huì)感覺(jué)到，重新開(kāi)發(fā)一個(gè)HTML5的網(wǎng)站，要比把一個(gè)網(wǎng)站從HTML4遷移到HTML5上容易的多，這是因?yàn)檫@兩個(gè)版本之間有很大不同之處。

事實(shí)上，HTML5并沒(méi)有對(duì)HTML4做什么重大的修改，它們很多東西都是相似的。

可是，其中有一些很重要的區(qū)別需要知道。下面列出的就是一些HTML4和HTML5之間主要的不同之處(并不是全部，全部列出來(lái)是不可能的)：

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

這頭一個(gè)不同之處顯而易見(jiàn)，但非常重要，我需要先從它開(kāi)始。也許已經(jīng)注意到了關(guān)于HTML5很酷的言論到處都是，但是事實(shí)情況是，HTML5是一個(gè)還未完成的標(biāo)準(zhǔn)。HTML4已經(jīng)有10歲了，但它仍是當(dāng)前正式的標(biāo)準(zhǔn)的事實(shí)沒(méi)有改變。

另一方面，HTML5仍處在早期階段，以后的修改會(huì)不斷的出現(xiàn)。必須考慮到這些，因?yàn)樵诰W(wǎng)站上使用的這些新增加或修改的網(wǎng)頁(yè)元素會(huì)每年都出現(xiàn)一些變化，需要不停的更新升級(jí)網(wǎng)站，這可不是希望的。這就是目前為止，最好在產(chǎn)品里使用HTML4，只在實(shí)驗(yàn)里使用HTML5的原因。

2. 簡(jiǎn)化的語(yǔ)法

更簡(jiǎn)單的doctype聲明是HTML5里眾多新特征之一?，F(xiàn)在只需要寫(xiě)!doctype html，這就行了。HTML5的語(yǔ)法兼容HTML4和XHTML1，但不兼容SGML。

3. 一個(gè)替代Flash的新 canvas 標(biāo)記

對(duì)于Web用戶來(lái)說(shuō)，F(xiàn)lash既是一個(gè)驚喜，也是一種痛苦。有很多的Web開(kāi)發(fā)人員對(duì)HTML5對(duì)Flash產(chǎn)生的威脅很不滿。但對(duì)于那些忍受著要花幾年時(shí)間加載和運(yùn)行的臃腫的Flash視頻的人來(lái)說(shuō)，用新的 canvas 標(biāo)記生成視頻的技術(shù)已經(jīng)到來(lái)。

目前， canvas 標(biāo)記并不能提供所有的Flash具有的功能，但假以時(shí)日，F(xiàn)lash必將從web上淘汰。我們拭目以待，因?yàn)楹芏嗳诉€并不認(rèn)同這種觀點(diǎn)。

4. 新的 header 和 footer 標(biāo)記

HTML5的設(shè)計(jì)是要更好的描繪網(wǎng)站的解剖結(jié)構(gòu)。這就是為什么這些header 和

footer 等新標(biāo)記的出現(xiàn)，它們是專門為標(biāo)志網(wǎng)站的這些部分設(shè)計(jì)的。

在開(kāi)發(fā)網(wǎng)站時(shí)，不在需要用div標(biāo)記來(lái)標(biāo)注網(wǎng)頁(yè)的這些部分。

5. 新的 section 和 article 標(biāo)記

跟header 和 footer標(biāo)記類似，HTML5中引入的新的section 和 article 標(biāo)記可以讓開(kāi)發(fā)人員更好的標(biāo)注頁(yè)面上的這些區(qū)域。

據(jù)推測(cè)，除了讓代碼更有組織外，它也能改善SEO效果，能讓搜索引擎更容易的分析的頁(yè)面。

6. 新的 menu 和 figure 標(biāo)記

新的menu標(biāo)記可以被用作普通的菜單，也可以用在工具條和右鍵菜單上，雖然這些東西在頁(yè)面上并不常用。

類似的，新的 figure 標(biāo)記是一種更專業(yè)的管理頁(yè)面上文字和圖像的方式。當(dāng)然，可以用樣式表來(lái)控制文字和圖像，但使用HTML5內(nèi)置的這個(gè)標(biāo)記更適合。

7. 新的 audio 和 video 標(biāo)記

新的audio 和 video 標(biāo)記可能是HTML5中增加的最有用處的兩個(gè)東西了。正如標(biāo)記名稱，它們是用來(lái)嵌入音頻和視頻文件的。

除此之外還有一些新的多媒體的標(biāo)記和屬性，例如track，它是用來(lái)提供跟蹤視頻的文字信息的。有了這些標(biāo)記，HTML5使Web2.0特征變得越來(lái)越友好。問(wèn)題在于，在HTML5還未被廣泛的接受之前，Web2.0還是老的Web2.0。

8. 全新的表單設(shè)計(jì)

新的 form 和 forminput 標(biāo)記對(duì)原有的表單元素進(jìn)行的全新的修改，它們有很多的新屬性(以及一些修改)。如果經(jīng)常的開(kāi)發(fā)表單，應(yīng)該花時(shí)間更詳細(xì)的研究一下。

9. 不再使用 b 和 font 標(biāo)記

這是一個(gè)讓我不太理解的改動(dòng)。不認(rèn)為去除 b 和 font標(biāo)記會(huì)帶來(lái)多大的好處。官方的指導(dǎo)說(shuō)這些標(biāo)記可以通過(guò)CCS來(lái)做更好的處理，但這樣一來(lái)，為了在文章一兩個(gè)地方出現(xiàn)的這種標(biāo)記，就需要在獨(dú)立的css和文本兩個(gè)地方來(lái)實(shí)現(xiàn)這一的功能，豈不笨拙。也許我們以后會(huì)習(xí)慣這種方法。

10. 不再使用 frame, center, big 標(biāo)記

事實(shí)上，我已經(jīng)記不清曾經(jīng)何時(shí)用過(guò)這些標(biāo)記了，所以，我并不為去除這些標(biāo)記感到悲哀。相同的原因，有更好的標(biāo)記能實(shí)現(xiàn)它們的功能——這很好，任何作廢的標(biāo)記從標(biāo)準(zhǔn)中剔除都是受歡迎的。

這10個(gè)HTML5和HTML4之間的不同只是整個(gè)新的規(guī)范中的一小部分。除了這些主要的變動(dòng)外，我還可以略提一下一些次要的改動(dòng)，比如修改了ol 標(biāo)記的屬性，讓它能夠倒排序，對(duì)u標(biāo)記也做了修改。

所有這些次要的改動(dòng)數(shù)量眾多。而且新的修改也在不斷的增加，因此，如果想實(shí)時(shí)跟蹤最新的動(dòng)向，需要經(jīng)常的查看w3.org的HTML4 和 HTML5之間的不同這個(gè)頁(yè)面。如果很心急，想在工作中使用這些新的標(biāo)記和屬性，最好只是做實(shí)驗(yàn)，原因已經(jīng)說(shuō)的很清楚了，這些新標(biāo)記和新屬性在將來(lái)也許會(huì)有很大的改變，所以，不斷的更新的代碼，它們很可能會(huì)過(guò)期失效。

盡管如今大多數(shù)流行的瀏覽器的最新版都支持HTML5，但有些新的(或修改的)標(biāo)記和屬性它們并不支持，所以網(wǎng)頁(yè)在用戶的屏幕上有可能前后顯示的不一致。耐心等待，等待HTML5真正可以實(shí)用時(shí)候。目前還不是時(shí)候。

在Web前端開(kāi)發(fā)方面,HTML5與HTML4比較,主要解決哪幾方面的問(wèn)題?

一是解決Web瀏覽器之間的兼容性問(wèn)題。在一個(gè)瀏覽器上正常顯示的網(wǎng)頁(yè)（或運(yùn)行的Web應(yīng)用程序），很可能在另一個(gè)瀏覽器上不能顯示或顯示效果不一致；

二是文檔結(jié)構(gòu)描述的問(wèn)題。HTML4之前的各版本中，HTML文檔的結(jié)構(gòu)一般用div元素描述，文檔元素的結(jié)構(gòu)含義不夠清晰；

三是使用HTML+CSS+JavaScript開(kāi)發(fā)Web應(yīng)用程序時(shí)，開(kāi)發(fā)功能受到很大的限制，比如本地?cái)?shù)據(jù)存儲(chǔ)功能、多線程訪問(wèn)、獲取地理位置信息等，這些都影響了用戶的體驗(yàn)。

html4和html5有什么區(qū)別？

pHTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。越來(lái)越多的程序員開(kā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)鍵的不同之處。/pp1.HTML5標(biāo)準(zhǔn)還在制定中/pp首先要注意的是，HTML5雖然現(xiàn)在很火，但是HTML5標(biāo)準(zhǔn)還在制定中，標(biāo)準(zhǔn)仍在改變。HTML4已經(jīng)10多年了，不會(huì)有任何改變了。/pp2.簡(jiǎn)化的語(yǔ)法/ppHTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法，例如doctype的聲明，你只需要寫(xiě) !doctype html 就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。/pp3. canvas 標(biāo)簽替代Flash/ppFlash給很多Web開(kāi)發(fā)者帶來(lái)了麻煩，要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。 canvas 標(biāo)簽使得開(kāi)發(fā)者只要使用一個(gè)標(biāo)簽就能和用戶產(chǎn)生UI交互。雖然目前 canvas 標(biāo)簽還不能實(shí)現(xiàn)Flash的所有功能，但是很快 canvas 就會(huì)讓Flash看起來(lái)老土，哈哈！/pp4.新增 header 和 footer 標(biāo)簽/ppHTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性，所以增加了 header 和 footer 這樣的標(biāo)簽，用來(lái)明確表示網(wǎng)頁(yè)的結(jié)構(gòu)。/pp5.新增 section 和 article 標(biāo)簽/pp與 header ， footer 類似， section 和 article 也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu)，更有利于SEO。/pp6.新增 menu 和 figure 標(biāo)簽/pp menu 可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。 figure 標(biāo)簽使得網(wǎng)頁(yè)文字和圖片的排版更專業(yè)。/pp7.新增 audio和 video 標(biāo)簽/pp這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義，這兩個(gè)標(biāo)簽是用來(lái)播放音頻和視頻的。/pp8.全新的表單/ppHTML5對(duì) form 和 forminput 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。/pp9.刪除 b 和 font 標(biāo)簽/pp這個(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)簽還是很方便的。/pp10.刪除 frame ， center ， big 標(biāo)簽/pp我已經(jīng)記不得上次是什么時(shí)候使用這些標(biāo)簽了。/pp以上十點(diǎn)只是HTML5和HTML4差別的很小一部分，最新最全的HTML5-HTML4對(duì)比信息請(qǐng)查閱相關(guān)資料

html4.0和html5.0的實(shí)質(zhì)一樣嗎?

HTML4有些元素在HTML5里不支持 了

HTML5里新加了HTML4里沒(méi)有的元素

HTML4的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于html4和html5區(qū)別、HTML4的信息別忘了在本站信途科技進(jìn)行查找。