HTML 指南

本頁列出了使用 HTML 的指南。

內容類別

大多數 HTML 元素都屬於一個或多個內容類別——這些類別將具有相似特徵的元素分組。這是一個鬆散的 agrupamiento(它實際上並沒有在這些類別中的元素之間建立關係),但它們有助於定義和描述類別的共享行為及其相關規則。元素(如 track)可能不屬於任何這些類別。

HTML 語法和常用任務速查表

在使用 HTML 時,擁有一個方便記憶如何正確使用 HTML 標籤以及如何應用它們的方法會非常有用。MDN 為您提供了擴充套件的 HTML 參考文件以及一套深入的教學 HTML 指南。然而,在許多情況下,我們只需要一些快速的提示。這就是速查表的全部目的,為您提供一些常用用法快速準確的現成程式碼片段。

理解怪異模式和標準模式

在 Web 的早期,頁面通常有兩種版本:一種用於 Netscape Navigator,另一種用於 Microsoft Internet Explorer。當 W3C 制定 Web 標準時,瀏覽器不能立即開始使用它們,因為這樣做會破壞 Web 上大多數現有網站。因此,瀏覽器引入了兩種模式來區別對待符合新標準的新網站和舊的遺留網站。

在 HTML 中使用日期和時間格式

某些 HTML 元素使用日期和/或時間值。本文描述了指定這些值的字串的格式。

使用 HTML 註釋 <!-- … -->

HTML 註釋用於在標記中新增解釋性說明,或阻止瀏覽器解釋文件的特定部分。

使用 HTML 表單驗證和約束驗證 API

建立 Web 表單一直是一項複雜的任務。雖然標記表單本身很簡單,但檢查每個欄位是否具有有效且一致的值更加困難,並且告知使用者問題可能成為一件令人頭疼的事情。HTML5 引入了新的表單機制:它為 input 元素添加了新的語義型別,並增加了約束驗證,以簡化客戶端檢查表單內容的工作。透過設定新屬性,可以檢查基本的、常用的約束,而無需 JavaScript;更復雜的約束可以使用約束驗證 API 進行測試。

在 HTML 中使用微資料

微資料是 WHATWG HTML 標準的一部分,用於在 Web 頁面的現有內容中巢狀元資料。搜尋引擎和網路爬蟲可以從網頁中提取和處理微資料,並使用它為使用者提供更豐富的瀏覽體驗。搜尋引擎受益於直接訪問這些結構化資料,因為它允許搜尋引擎理解網頁上的資訊併為使用者提供更相關的結果。微資料使用支援性詞彙表來描述一個專案,並使用鍵值對為它的屬性賦值。與使用 RDFa 和經典微格式的類似方法相比,微資料是一種宣告式地為 HTML 元素新增機器可讀標籤的方法。

在 HTML 中使用微格式

微格式 是用於在 HTML 中嵌入語義和結構化資料,併為社交網路應用、搜尋引擎、聚合器和其他工具提供 API 的標準。這些最小化的 HTML 模式用於標記從基礎資訊到領域特定資訊(如人物、組織、事件和地點)的實體。

在 HTML 中使用響應式圖片

在本文中,我們將學習響應式影像的概念——在具有各種螢幕尺寸、解析度和其他此類功能的裝置上都能很好地工作的影像——並瞭解 HTML 提供了哪些工具來幫助實現它們。這有助於提高不同裝置上的效能。