什麼是 HTML5?

HTML5 是 HTML 最新的修訂版本,由全球資訊網協會 (W3C) 於 2014 年 10 月完成標準制定,HTML5 在目前主流的瀏覽器幾乎都有支援了。

常聽到的 HTML5 其實是廣義的包括 HTML、JavaScript 和 CSS 在內的一套新技術組合!

HTML5 帶來很多新的應用:

  • 新的 HTML 語意標籤 (semantic elements),讓網頁建立更語意化的結構,幫助搜尋引擎和開發者可以更清楚的了解網頁結構,例如 <section><article><nav><header><footer><main><aside> 這些新標籤。
  • 過去網頁常有的功能也有新的 HTML 標籤對應這些功能,讓瀏覽器原生 (native) 就直接支援這些功能,像是影音播放的 <audio><video>;更豐富的表單應用 - 驗證 API 及新增 <input> 的輸入類型如 tel, number, date, time 等。
  • 圖形處理方面也有新的 API,例如 <canvas>,讓瀏覽器可以支援像遊戲開發需求的複雜視覺和互動效果。
  • 更好的離線 (offline) 支援, 像是 Application Cache 和 online / offline events 等。
  • 更好的瀏覽器本地資料存儲機制,像是 Web Storage API 和 IndexedDB API 等。
  • 新的 DOM 功能,新的 getElementsByClassName、瀏覽器原生支援的拖曳功能 (drag and drop) 等。

HTML5 還有很多面向的新功能,這邊只給大家一個大方向概念,本篇文章目的並不是要詳細介紹完整的 HTML5 喔。