HTML5 - 概述



HTML5 是 HTML 標準的下一個主要修訂版,取代了 HTML 4.01、XHTML 1.0 和 XHTML 1.1。HTML5 是一種用於在全球資訊網上構建和呈現內容的標準。

HTML5 是全球資訊網聯盟 (W3C) 和 Web 超文字應用技術工作組 (WHATWG) 之間的合作成果。

新標準包含了諸如影片播放和拖放等功能,這些功能以前依賴於第三方瀏覽器外掛,例如 Adobe Flash、Microsoft Silverlight 和 Google Gears。

瀏覽器支援

Apple Safari、Google Chrome、Mozilla Firefox 和 Opera 的最新版本都支援許多 HTML5 功能,Internet Explorer 9.0 也將支援一些 HTML5 功能。

預裝在 iPhone、iPad 和 Android 手機上的移動 Web 瀏覽器都對 HTML5 提供了極佳的支援。

新功能

HTML5 引入了一些新的元素和屬性,可以幫助您構建現代網站。以下是一些 HTML5 中引入的最突出的功能。

  • 新的語義元素 - 這些元素類似於 <header>、<footer> 和 <section>。

  • 表單 2.0 - 對 HTML Web 表單的改進,其中為 <input> 標籤引入了新的屬性。

  • 持久本地儲存 - 為了實現這一點,無需藉助第三方外掛。

  • WebSocket - 一種用於 Web 應用程式的下一代雙向通訊技術。

  • 伺服器傳送事件 - HTML5 引入了從 Web 伺服器流向 Web 瀏覽器的事件,稱為伺服器傳送事件 (SSE)。

  • Canvas - 它支援一個二維繪圖表面,您可以使用 JavaScript 對其進行程式設計。

  • 音訊和影片 - 您可以將音訊或影片嵌入到網頁中,而無需藉助第三方外掛。

  • 地理定位 - 現在,訪問者可以選擇與您的 Web 應用程式共享其物理位置。

  • 微資料 - 這使您可以建立超出 HTML5 的詞彙表,並使用自定義語義擴充套件您的網頁。

  • 拖放 - 將專案從一個位置拖放到同一網頁上的另一個位置。

向後相容性

HTML5 儘可能地設計為與現有 Web 瀏覽器向後相容。其新功能是在現有功能的基礎上構建的,並允許您為舊版瀏覽器提供回退內容。

建議使用幾行 JavaScript 檢測對各個 HTML5 功能的支援。

如果您不熟悉 HTML 的任何先前版本,我建議您在探索 HTML5 的功能之前先閱讀我們的HTML 教程

廣告