HTML5 相對於 HTML4 的優勢有很多，主要體現在以下幾個方面：
語義化標籤: HTML5 引入了許多新的語義化標籤，例如 <article>、<aside>、<nav>、<header>、<footer>、<section> 等，這些標籤使得頁面結構更加清晰，更易於理解，也更有利於搜尋引擎最佳化 (SEO) 和無障礙訪問。HTML4 主要依賴 <div> 和 <span> 等非語義化標籤，需要藉助 class 和 id 屬性來賦予元素意義。
增強型表單: HTML5 提供了新的表單控制元件和屬性，例如 email、url、number、date、range、search、required、placeholder、autocomplete 等，簡化了表單的建立和驗證，提升了使用者體驗。HTML4 的表單功能相對有限，需要依賴 JavaScript 實現更復雜的表單互動。
多媒體支援: HTML5 提供了原生的音訊 <audio> 和影片 <video> 標籤，可以直接在網頁中嵌入音訊和影片，無需依賴第三方外掛，例如 Flash。HTML4 需要依賴外掛才能播放多媒體內容。
Canvas 和 SVG: HTML5 引入了 <canvas> 元素，用於透過 JavaScript 繪製圖形、動畫和其他視覺效果。同時，HTML5 也支援 SVG 向量圖形，可以建立可縮放的向量圖形。HTML4 需要依賴外掛或其他技術來實現類似的功能。
Web Storage: HTML5 提供了本地儲存機制，包括 localStorage 和 sessionStorage，可以在客戶端儲存資料，減少了伺服器的負載，提升了 Web 應用的效能。HTML4 依賴於 cookies 儲存資料，容量有限且安全性較低。
Web Workers: HTML5 支援 Web Workers，可以在後臺執行 JavaScript 指令碼，不會阻塞主執行緒，提升了 Web 應用的響應速度。HTML4 的 JavaScript 執行在單執行緒環境中，複雜的計算可能會導致頁面卡頓。
Geolocation: HTML5 提供了 Geolocation API，可以獲取使用者的地理位置資訊，用於基於位置的服務。HTML4 需要依賴第三方服務或外掛才能獲取地理位置資訊。
WebSocket: HTML5 支援 WebSocket，可以實現雙向通訊，實時推送資料，例如線上聊天、股票行情等。HTML4 需要依賴輪詢或長連線等技術實現類似的功能。
其他改進: 除了以上主要優勢外，HTML5 還包括其他一些改進，例如：
- 新的 API: 例如 Drag and Drop API、File API 等，提供了更豐富的功能。
- 更好的移動裝置支援: HTML5 更加註重移動裝置的支援，提供了更好的觸控式螢幕互動體驗。
- 更簡潔的程式碼: HTML5 的語法更加簡潔，更容易編寫和維護。
總而言之，HTML5 比 HTML4 更語義化、功能更豐富、效能更高、更安全，並且對移動裝置的支援更好，是現代 Web 開發的首選。