一、HTML5能做什么

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

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

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

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

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

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

二、HTML5的優勢

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

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

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

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

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

延伸閱讀1：HTML5概念

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

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