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

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

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

1、 代碼簡潔

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

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

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

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

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

4、用戶體驗度好

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

5、拓展用戶瀏覽渠道

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

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

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

7、可移植性好

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

8、開發(fā)費用相對較低

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

html5網(wǎng)站的缺點

1、短連接 互動難

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

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

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

3、用戶標識 個性化功能難

　　不同于APP的用戶標識，H5的用戶標識是站點隨機分配的一串唯一碼，而這個唯一碼被存儲在瀏覽器的緩存中，一旦緩存被清除或者瀏覽器被卸載，用戶就會丟失，即使同一個用戶來訪問，站點也不會識別出，而解決這個問題的唯一辦法就是用戶登錄。

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

4、交互有限 運行速度難

　　HTML5產(chǎn)品的設計，通常交互都比較簡單，以點擊、鼠標滑動為主，動畫都比較少見，這就使得HTML5的交互十分有限。

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