優(yōu)點(diǎn)：1、全新的標(biāo)簽，網(wǎng)站定義更豐富、細(xì)致了；2、網(wǎng)站優(yōu)化更簡(jiǎn)單；3、用戶體驗(yàn)度好；4、支持網(wǎng)站多媒體元素；5、可移植性好。缺點(diǎn)：1、HTML5頁(yè)面和用戶之間建立的是短連接，互動(dòng)難；2、依賴瀏覽器，資源利用難；3、個(gè)性化功能實(shí)現(xiàn)難等等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

html5網(wǎng)站的優(yōu)點(diǎn)

1、 代碼簡(jiǎn)潔

HTML5網(wǎng)頁(yè)的冗余代碼比傳統(tǒng)網(wǎng)頁(yè)要少很多，極大方便了程序員和用戶。

2、全新的標(biāo)簽，網(wǎng)站定義更豐富

相對(duì)于舊版本的HTML，HTML5新增了很多語義標(biāo)簽，網(wǎng)站定義起來更為細(xì)致。

3、網(wǎng)站優(yōu)化更簡(jiǎn)單

HTML5的全新標(biāo)簽對(duì)搜索引擎友好，對(duì)網(wǎng)站優(yōu)化來說更為方便。

4、用戶體驗(yàn)度好

網(wǎng)站各種酷炫的效果利用HTML5技術(shù)都能實(shí)現(xiàn)，而且HTML5正以前所未有的姿態(tài)顛覆這人們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的想象。

5、拓展用戶瀏覽渠道

HTML5技術(shù)對(duì)用戶是十分友好的，能支持多終端自適應(yīng)，無論用戶喜歡用手機(jī)平板還是電腦看網(wǎng)站，HTML5網(wǎng)站都能滿足。

6、支持網(wǎng)站多媒體元素

以前的網(wǎng)站，過多的圖片和視頻不僅拖慢網(wǎng)站加載速度，對(duì)搜索引擎收錄也是很不利的。有了HTML5技術(shù)，大家可以隨意在網(wǎng)站上添加各種多媒體元素，完全不受限制。

7、可移植性好

一套完整的HTML5對(duì)開發(fā)者來說可以適用于多個(gè)設(shè)計(jì)，不用重新修改。

8、開發(fā)費(fèi)用相對(duì)較低

由于HTML5網(wǎng)站的兼容性好，用戶開發(fā)一個(gè)網(wǎng)站后就不用另外開發(fā)移動(dòng)站，一定程度上節(jié)省了大筆資金。

html5網(wǎng)站的缺點(diǎn)

1、短連接 互動(dòng)難

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

2、依賴瀏覽器 資源利用難

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

3、用戶標(biāo)識(shí) 個(gè)性化功能難

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

　　而對(duì)于用戶來說體會(huì)不到個(gè)性化帶來的好處就不會(huì)登錄，用戶不登錄就沒有辦法體會(huì)個(gè)性化相關(guān)功能，這就走到了一個(gè)無限循環(huán)的死胡同。

4、交互有限 運(yùn)行速度難

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

　　而HTML5的運(yùn)行速度與瀏覽器的內(nèi)核解析速度有關(guān)。大家都知道，HTML5的運(yùn)行代碼要從網(wǎng)絡(luò)取回來以后才可能載入瀏覽器的內(nèi)核中運(yùn)行。這樣就使得在沒有網(wǎng)絡(luò)的情況下，HTML5基本就沒有什么作用了，這給用戶的體驗(yàn)感覺也就差了。