很多沒有學(xué)過(guò)HTML5大前端的同學(xué)，對(duì)HTML5并不了解，經(jīng)常會(huì)提出疑問：html和html5有什么區(qū)別?

HTML和HTML5的區(qū)別

(1)HTML5支持SVG，畫布和其他虛擬矢量圖形，而在HTML中，只有將它與Flash，Silver-light等不同技術(shù)結(jié)合在一起才能使用矢量圖形。

(2)HTML5使用Web SQL數(shù)據(jù)庫(kù)，可用于臨時(shí)存儲(chǔ)數(shù)據(jù)但在HTML中只有瀏覽器緩存才可用于此目的。

(3)HTML5支持新的表單控件，例如：日期和時(shí)間，電子郵件，數(shù)字，范圍，電話，網(wǎng)址，搜索等。

(4)HTML 5是否允許音頻和視頻控件以及標(biāo)簽，HTML不允許音頻

HTML5的優(yōu)勢(shì)

1，跨平臺(tái)性。HTML5開發(fā)者只要使用一套程序，就能夠很容易的實(shí)現(xiàn)多個(gè)平臺(tái)的展現(xiàn)功能，降低了開發(fā)難度，節(jié)約了開發(fā)時(shí)間和成本的投入。

2，即時(shí)更新。HTML5是通過(guò)瀏覽器進(jìn)行加載的，所以不存在這樣的問題，如果出現(xiàn)什么問題，可以及時(shí)的更新上線，不需要等待審核時(shí)間。

3，離線緩存功能。HTML5中最酷的特性就是離線緩存。通過(guò)JavaScript提供了數(shù)種不同的離線儲(chǔ)存功能，擁有更好的安全和性能，即使瀏覽器關(guān)閉后也可以保存。

4，清晰的代碼。使用HTML5你可以通過(guò)使用語(yǔ)義學(xué)的HTML header標(biāo)簽描述內(nèi)容來(lái)最后解決你的div及其class定義問題。

HTML5的缺點(diǎn)：

一、短連接 互動(dòng)難，眾所周知，HTML5頁(yè)面和用戶之間建立的是短連接，這就使得用戶一旦離開了HTML5頁(yè)面便再也無(wú)法主動(dòng)觸達(dá)。

二、依賴瀏覽器 資源利用難，現(xiàn)如今，一個(gè)小小的手機(jī)也已經(jīng)十分的強(qiáng)大，擁有大量的資源。而H5想要利用這些資源卻必須要通過(guò)瀏覽器。而瀏覽器的兼容性問題一直都是HTML各個(gè)版本的標(biāo)準(zhǔn)的兼容性問題。

三、用戶標(biāo)識(shí) 個(gè)性化功能難，不同于APP的用戶標(biāo)識(shí)，H5的用戶標(biāo)識(shí)是站點(diǎn)隨機(jī)分配的一串唯一碼，而這個(gè)唯一碼被存儲(chǔ)在瀏覽器的緩存中，一旦緩存被清除或者瀏覽器被卸載，用戶就會(huì)丟失，即使同一個(gè)用戶來(lái)訪問，站點(diǎn)也不會(huì)識(shí)別出，而解決這個(gè)問題的唯一辦法就是用戶登錄。

四、交互有限 運(yùn)行速度難，HTML5產(chǎn)品的設(shè)計(jì)，通常交互都比較簡(jiǎn)單，以點(diǎn)擊、鼠標(biāo)滑動(dòng)為主，動(dòng)畫都比較少見，這就使得HTML5的交互十分有限。