html5與html4的區(qū)別

html5與html4代碼結(jié)構(gòu)對比

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)站制作、成都網(wǎng)站建設、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務雁峰,十多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108

html5很多功能已經(jīng)被介紹過了，比如在圖片中可以直接寫標題(不是alt哦)，更精簡的代碼，直接用html5播放音頻、視頻，html5新增了不少內(nèi)聯(lián)元素，這為黑帽seo節(jié)約了一筆不菲的時間。不過主流瀏覽器支持的比較少，盧松松在這里就不介紹了。

參考

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

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

事實上，HTML5并沒有對HTML4做什么重大的修改，它們很多東西都是相似的。

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

1. HTML5標準還在制定中

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

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

2. 簡化的語法

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

3. 一個替代Flash的新 canvas 標記

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

目前， canvas 標記并不能提供所有的Flash具有的功能，但假以時日，F(xiàn)lash必將從web上淘汰。我們拭目以待，因為很多人還并不認同這種觀點。

4. 新的 header 和 footer 標記

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

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

在開發(fā)網(wǎng)站時，不在需要用div標記來標注網(wǎng)頁的這些部分。

5. 新的 section 和 article 標記

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

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

6. 新的 menu 和 figure 標記

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

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

7. 新的 audio 和 video 標記

新的audio 和 video 標記可能是HTML5中增加的最有用處的兩個東西了。正如標記名稱，它們是用來嵌入音頻和視頻文件的。

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

8. 全新的表單設計

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

9. 不再使用 b 和 font 標記

這是一個讓我不太理解的改動。不認為去除 b 和 font標記會帶來多大的好處。官方的指導說這些標記可以通過CCS來做更好的處理，但這樣一來，為了在文章一兩個地方出現(xiàn)的這種標記，就需要在獨立的css和文本兩個地方來實現(xiàn)這一的功能，豈不笨拙。也許我們以后會習慣這種方法。

10. 不再使用 frame, center, big 標記

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

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

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

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

HTML5的頁面結(jié)構(gòu)和HTML4有什么不同

如果單單說頁面結(jié)構(gòu)，不介紹新的特性、功能的話，人見解，最大的變化恐怕是語意化了，html5增加了了很多語意化標簽，比如header、footer、nav等等。這些標簽有利于讓瀏覽器或者蜘蛛（搜索引擎）更好理解你的頁面想表達的內(nèi)容。比傳統(tǒng)html4使用表格或者div布局更加有利于SEO或者無障礙閱讀。

其次，頁面頭部的文檔類型聲明也比html4更加簡潔，文檔類型的作用，主要是告訴瀏覽器此文檔是什么種類，該如何解析。html4有很多種頭部文檔聲明，比較亂，新手可能很難一下子理解（說實話我也不太理解），而html5則精簡到了一種：!DOCTYPE HTML這樣就使代碼出錯，和兼容問題得到了妥善解決。

個人覺得主要是這些改動吧，望采納。

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

HTML5是HTML標準的下一個版本。越來越多的程序員開始HTML5來構(gòu)建網(wǎng)站。如果同時使用HTML4和HTML5的話 ，會發(fā)現(xiàn)用HTML5從頭構(gòu)建，比從HTML4遷移到HTML5要方便很多。雖然HTML5沒有完全顛覆HTML4，它們還是有很多相似之處，但是它們也有一些關(guān)鍵的不同。以下10個關(guān)鍵的不同之處。

1. HTML5 標準還在制定中

首先要注意的是，HTML5雖然現(xiàn)在很火，但是HTML5標準還在制定中，標準仍在改變。HTML4已經(jīng)10多年了，不會有任何改變了。

2. 簡化的語法

HTML5簡化了很多細微的語法，例如doctype的聲明，只需要寫!doctype html就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。

3. canvas標簽替代Flash

Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。canvas標簽使得開發(fā)者只要使用一個標簽就 能和用戶產(chǎn)生UI交互。雖然目前canvas標簽還不能實現(xiàn)Flash的所有功能，但是很快canvas就會讓 Flash看起來老土！

4. 新增 header 和 footer 標簽

HTML5設計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加了header和footer這樣的標簽，用來明確表示網(wǎng)頁的結(jié)構(gòu)。

5. 新增 section 和 article 標簽

與header， footer類似，section和article也有利于清晰化網(wǎng)頁的結(jié)構(gòu)，更有利于SEO。

6. 新增 menu 和 figure 標簽

menu可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。figure標簽使得網(wǎng)頁文字和圖片的排版更專業(yè)。

7. 新增 audio 和 video 標簽

這兩個標簽可能是HTML5里面最有用的兩個標簽了。顧名思義，這兩個標簽是用來播放音頻和視頻的。

8. 全新的表單

HTML5對 form 和 forminput 標簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性。

9. 刪除 b 和 font 標簽

10. 刪除 frame， center， big 標簽

以上十點只是HTML5和HTML4差別的很小一部分。

html4和html5的區(qū)別

HTML5與HTML4區(qū)別如下：

1、語法簡化

HTML、XHTML的DOCTYPE、html、meta、script等標簽，在HTML5中有大幅度的簡化。

2、統(tǒng)一網(wǎng)頁內(nèi)嵌多媒體語法

以前，在網(wǎng)頁中播放多媒體時，需要使用ActiveX或Plug-in的方式來完成。有了HTML5之后，使用video或audio標簽播放視頻和音頻，不需要在安裝其他的什么來播放了。

3、新增了語義標簽

為了增加網(wǎng)頁的可讀性，HTML5增加了header、footer、section、article、nav、hgroup、aside、figure語義標簽。

4、HTML5廢除了一些舊標簽

廢除的大部分是網(wǎng)頁美化方面的標簽，例如：big、u、font、basefont、center、s、tt。對frame框架，不能使用。

5、全新的表單設計

表單是網(wǎng)頁設計者最常用的功能，HTML5對表單做了很大的更改，不但新增了幾項新的標簽，對原來的form標簽也增加了許多屬性。

6、新增了canvas標簽，可以繪制圖形

HTML5新增了具有繪圖功能的canvas

擴展資料

HTML5新特征

1、表單是實現(xiàn)用戶與頁面后臺交互主要組成部分，HTML5在表單的設計上功能更加強大。input類型和屬性的多樣性大大地增強了HTML可表達的表單形式，再加上新增加的一些表單標簽，使得原本需要JavaScript來實現(xiàn)的控件，可以直接使用HTML5的表單來實現(xiàn)。

2、HTML5較之傳統(tǒng)的數(shù)據(jù)存儲有自已的存儲方式，允許在客戶端實現(xiàn)較大規(guī)模的數(shù)據(jù)存儲。為了滿足不同的需求，HTML5支持DOM Storage和Web SQL Database 兩種存儲機制。

其中，DOM Storage 適用于具有key/value對的基本本地存儲；而WebSQLDatabase是適用于關(guān)系型數(shù)據(jù)庫的存儲方式，開發(fā)者可以使用SQL語法對這些數(shù)據(jù)進行查詢、插入等操作。

3、HTML5最大特色之一就是支持音頻視頻，在通過增加了audio、video兩個標簽來實現(xiàn)對多媒體中的音頻、視頻使用的支持，只要在Web網(wǎng)頁中嵌入這兩個標簽，而無需第三方插件（如Flash）就可以實現(xiàn)音視頻的播放功能。

HTML5對音頻、視頻文件的支持使得瀏覽器擺脫了對插件的依賴，加快了頁面的加載速度，擴展了互聯(lián)網(wǎng)多媒體技術(shù)的發(fā)展空間。

參考資料來源：百度百科—html5

HTML5和HTML4有何區(qū)別？

HTML5和HTML4有何區(qū)別？

HTML5是HTML標準的下一個版本。雖然HTML5沒有完全顛覆HTML4，但是它們也有一些不同。下面是我為大家搜索整理的關(guān)于HTML5和HTML4的區(qū)別，歡迎參考閱讀，希望對你有所幫助!想了解更多相關(guān)信息請持續(xù)關(guān)注我們應屆畢業(yè)生培訓網(wǎng)!

1. 簡化的語法

HTML5簡化了很多細微的語法，例如doctype的聲明，你只需要寫!doctype html就行了。HTML 5 指定 UTF-8 編碼的方式如下

meta charset="UTF-8"

2.? Flash給很多Web開發(fā)者帶來了麻煩，要在網(wǎng)頁上播放Flash需要一堆代碼和插件。canvas標簽使得開發(fā)者只要使用一個標簽就能和用戶產(chǎn)生UI交互。

3. 新增許多標簽

HTML5設計的一個原則是更好的體現(xiàn)網(wǎng)站的語義性，所以增加 了header和footer這樣的標簽，用來明確表示網(wǎng)頁的結(jié)構(gòu)；新增 section 和 article 標簽，section和article也有利于清晰化網(wǎng)頁的結(jié)構(gòu)，更有利于SEO；新增 menu 和 figure 標簽，menu可以被用于創(chuàng)建傳統(tǒng)的菜單，也可以用于工具欄和上下文菜單。figure標簽使得網(wǎng)頁文字和圖片的排版更 專業(yè)； 新增 audio 和 video 標簽，這兩個標簽可能是HTML5里面最有用的兩個標簽了，使用起來時也異乎方便，如在HTML5頁面中嵌入視頻只需一小段。

復制代碼代碼如下:

video width="450" height="340" controls

source src="jamshed.mp4" type="video/mp4"

Your browser does'nt support video embedding feature.

/video

同理，音頻等其他的也類似。

4. 全新的表單

HTML5對 form 和 forminput 標簽進行了大量修改，添加了很多新的屬性，也修改了很多屬性

5. 刪除 b 和 font 標簽，frame, center, big 標簽

6. HTML5 支持了不同類型的存儲類型

HTML5 支持本地存儲，在之前版本中是通過 Cookie 實現(xiàn)的。HTML5 本地存儲速度快而且安全。并且HTML5有兩種不同的`對象可用來存儲數(shù)據(jù)，HTML5通過JS來存儲和訪問數(shù)據(jù)：

localStorage 適用于長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失

sessionStorage 只是針對一個session的數(shù)據(jù)存儲，存儲的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除

總的來說，HTML5已經(jīng)超越了標記語言的范疇，更富語義的標簽將使得HTML5更有用處。Canvas+WEBGL等技術(shù)，實現(xiàn)無插件的動畫以及 圖像、圖形處理能力；本地存儲，可實現(xiàn)offline應用；websocket，一改http的純pull模型，實現(xiàn)數(shù)據(jù)推送的夢 想；MathML，SVG等，支持更加豐富的render等等等等，現(xiàn)在對于對HTML5的了解還只停留在表面階段，以后會多閱讀一部分HTML5的書籍 增加一下見識。

;

網(wǎng)站名稱：html5html4,html4元素
文章分享：http://chinadenli.net/article29/dsichjh.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、微信小程序、網(wǎng)站改版、網(wǎng)站維護、服務器托管、品牌網(wǎng)站設計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)