html4和html5的區(qū)別

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

成都創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供應(yīng)縣網(wǎng)站建設(shè)、應(yīng)縣做網(wǎng)站、應(yīng)縣網(wǎng)站設(shè)計(jì)、應(yīng)縣網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、應(yīng)縣企業(yè)網(wǎng)站模板建站服務(wù)，十余年應(yīng)縣做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1、語(yǔ)法簡(jiǎn)化

HTML、XHTML的DOCTYPE、html、meta、script等標(biāo)簽，在HTML5中有大幅度的簡(jiǎn)化。

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

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

3、新增了語(yǔ)義標(biāo)簽

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

4、HTML5廢除了一些舊標(biāo)簽

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

5、全新的表單設(shè)計(jì)

表單是網(wǎng)頁(yè)設(shè)計(jì)者最常用的功能，HTML5對(duì)表單做了很大的更改，不但新增了幾項(xiàng)新的標(biāo)簽，對(duì)原來(lái)的form標(biāo)簽也增加了許多屬性。

6、新增了canvas標(biāo)簽，可以繪制圖形

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

擴(kuò)展資料

HTML5新特征

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

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

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

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

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

參考資料來(lái)源：百度百科—html5

html5語(yǔ)法

基本沿用了html基礎(chǔ)語(yǔ)法。但更簡(jiǎn)潔更人性化,主要有以下5點(diǎn)：

!doctype html

字符集設(shè)置

meta charset="utf-8"

不允許寫(xiě)的結(jié)束符的標(biāo)簽： area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

可以省略結(jié)束符的標(biāo)簽： li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

新增結(jié)構(gòu)化標(biāo)簽 ：

? ? 從div...div/派生而出

(1)header標(biāo)簽 :顧名思義，header標(biāo)簽用于將 HTML 頁(yè)面的一部分標(biāo)記為頁(yè)眉。

(2)section標(biāo)簽 :section標(biāo)簽用于標(biāo)識(shí)頁(yè)面上的重要內(nèi)容部分。該標(biāo)簽有點(diǎn)類(lèi)似于將一本書(shū)分成幾個(gè)章節(jié)。

(3)article標(biāo)簽 :article標(biāo)簽標(biāo)識(shí)了 Web 頁(yè)面中的主要內(nèi)容。以博客為例，每篇帖子都構(gòu)成一個(gè)重要內(nèi)容。

(4)aside標(biāo)簽 :aside標(biāo)簽表示標(biāo)簽中包含的內(nèi)容與頁(yè)面主要內(nèi)容相關(guān)，但不是該頁(yè)面的一部分。這有點(diǎn)類(lèi)似于使用括弧對(duì)正文進(jìn)行注釋?zhuān)ň拖襁@樣）。括弧中的內(nèi)容提供關(guān)于該元素的一些附加信息。

(5)footer標(biāo)簽 :footer標(biāo)簽將所包含的元素內(nèi)容標(biāo)記為文檔的頁(yè)腳。

( 6)nav標(biāo)簽 :nav標(biāo)簽中包含的內(nèi)容主要用于導(dǎo)航。

示例：

新增媒體標(biāo)簽：

video

audio

embed

input type="checkbox" checked/

寫(xiě)明表示true；否則false

不區(qū)分大小寫(xiě)，與xhtml不同

單雙引號(hào)皆可，有空格時(shí)不行。

列舉html5基本語(yǔ)法規(guī)則？

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ě)就行了。HTML5與HTML5，XHTML1兼容，但是與SGML不兼容。

3.

Flash給很多Web開(kāi)發(fā)者帶來(lái)了麻煩，要在網(wǎng)頁(yè)上播放Flash需要一堆代碼和插件。

4. 新增 和 標(biāo)簽

HTML5設(shè)計(jì)的一個(gè)原則是更好的體現(xiàn)網(wǎng)站的語(yǔ)義性，所以增加了和這樣的標(biāo)簽，用來(lái)明確表示網(wǎng)頁(yè)的結(jié)構(gòu)。

5. 新增 和 標(biāo)簽

與, 類(lèi)似，和也有利于清晰化網(wǎng)頁(yè)的結(jié)構(gòu)，更有利于SEO。

6. 新增 和 標(biāo)簽

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

7. 新增

這兩個(gè)標(biāo)簽可能是HTML5里面最有用的兩個(gè)標(biāo)簽了。顧名思義，這兩個(gè)標(biāo)簽是用來(lái)播放音頻和視頻的。

8. 全新的表單

HTML5對(duì) 和 標(biāo)簽進(jìn)行了大量修改，添加了很多新的屬性，也修改了很多屬性。

9. 刪除 和 標(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. 刪除 , , 標(biāo)簽

我已經(jīng)記不得上次是什么時(shí)候使用這些標(biāo)簽了。