一、HTML5能做什么

1、Web Components：HTML5 支持 Web Components 規(guī)范，通過自定義 HTML 元素、Shadow DOM 等技術實現(xiàn)模塊化、可重用的組件開發(fā)。

2、媒體播放：HTML5 支持視頻、音頻等媒體播放，通過使用

3、響應式設計：HTML5 支持響應式設計，通過 Media Query 等技術，可以根據(jù)屏幕寬度、分辨率等參數(shù)在不同設備上自動調整頁面布局和樣式。

4、本地存儲：HTML5 提供了 Web 存儲 API，包括 Local Storage 和 Session Storage，可以在瀏覽器端實現(xiàn)數(shù)據(jù)的存儲和讀取，避免了使用傳統(tǒng)的 Cookie 技術帶來的安全問題。

5、繪圖和動畫：HTML5 新增了 Canvas 和 SVG 標簽，支持繪制矢量圖形、圖表等，并通過 JavaScript 腳本實現(xiàn)動態(tài)效果。

6、離線應用：HTML5 提供了 Application Cache 技術，可以將 Web 應用程序緩存到本地，在無網(wǎng)絡或網(wǎng)絡不穩(wěn)定情況下仍能訪問和使用。

二、HTML5的優(yōu)勢

1、HTML5 擺脫了對于平臺的依賴：HTML5可以讓你擺脫對平臺的依賴，用戶打開瀏覽器，直接就可以訪問你的應用，而不需要經過各種Store的審核。

2、HTML5可以解決跨瀏覽器的問題：對于有過開發(fā)經驗的前端人員來說，跨瀏覽器簡直就是一個噩夢，明明在一個瀏覽器中正常運行的HTML+CSS+JavaScript頁面，但換一個瀏覽器后，就會出現(xiàn)很多問題。HTML5的出現(xiàn)可能會改變了這種情況，多數(shù)核心代碼不用重寫，JavaScript的代碼用的好的話，在許多地方都可以用到，包括移動應用、移動網(wǎng)站，PC網(wǎng)站、各種瀏覽器插件，甚至可以用Webkit封裝作為跨平臺的應用程序 。誠然，這種方式并非完全跨平臺，但這樣也足以減少很多工作量了，特別是后期的維護。所以，目前主流瀏覽器如Chorme、Firefox、Safari都表現(xiàn)對HTML5的極大熱情。

3、HTML5有更多好看的動畫效果：HTML5實現(xiàn)的網(wǎng)頁更加的精美，這些動畫是基于HTML5標簽和CSS3樣式共同實現(xiàn)的效果，HTML5技術還支持自適應，能做到“一次設計，普遍適用”。

4、HTML5網(wǎng)頁讓用戶有更好的體驗：HTML5支持網(wǎng)頁端的Audio、Video等多媒體功能，與網(wǎng)站自帶的APPS，攝像頭，影音功能相得益彰。HTML5視頻播放起來更流暢清晰，也更省電；HTML5游戲小巧流暢，畫面質量高，操作易上手。

5、HTML5搜索引擎友好，網(wǎng)站流量大：HTML5的代碼是貼合用戶有明確釋義的，不僅對開發(fā)者有利，搜索引擎也更容易識別到網(wǎng)頁上的內容，讓網(wǎng)站獲得更多流量。

延伸閱讀1：HTML5概念

HTML5是構建Web內容的一種語言描述方式。HTML5是互聯(lián)網(wǎng)的下一代標準，是構建以及呈現(xiàn)互聯(lián)網(wǎng)內容的一種語言方式．被認為是互聯(lián)網(wǎng)的核心技術之一。HTML產生于1990年，1997年HTML4成為互聯(lián)網(wǎng)標準，并廣泛應用于互聯(lián)網(wǎng)應用的開發(fā)。

HTML5是Web中核心語言HTML的規(guī)范，用戶使用任何手段進行網(wǎng)頁瀏覽時看到的內容原本都是HTML格式的，在瀏覽器中通過一些技術處理將其轉換成為了可識別的信息。HTML5在從前HTML4.01的基礎上進行了一定的改進，雖然技術人員在開發(fā)過程中可能不會將這些新技術投入應用，但是對于該種技術的新特性，網(wǎng)站開發(fā)技術人員是必須要有所了解的。