HTML5 - 屬性

如前一章所述，元素可能包含用於設定元素各種屬性的屬性。

一些屬性是全域性定義的，可以在任何元素上使用，而另一些屬性僅為特定元素定義。所有屬性都有名稱和值，如下面的示例所示。

以下是一個 HTML5 屬性的示例，說明如何使用名為“class”且值為“example”的屬性標記 div 元素：

<div class = "example">...</div>

屬性只能在開始標籤內指定，絕不能在結束標籤中使用。

HTML5 屬性不區分大小寫，可以全部大寫或混合大小寫，儘管最常見的約定是堅持使用小寫。

標準屬性

以下列出的屬性幾乎所有 HTML 5 標籤都支援。

屬性	選項	功能
accesskey	使用者定義	指定訪問元素的鍵盤快捷鍵。
align	right, left, center	水平對齊標籤
background	URL	在元素後面放置背景影像
bgcolor	數字、十六進位制、RGB 值	在元素後面放置背景顏色
class	使用者定義	對元素進行分類以供級聯樣式表使用。
contenteditable	true, false	指定使用者是否可以編輯元素的內容。
contextmenu	選單 ID	指定元素的上下文選單。
data-XXXX	使用者定義	自定義屬性。HTML 文件的作者可以定義自己的屬性。必須以“data-”開頭。
draggable	true,false, auto	指定使用者是否允許拖動元素。
height	數值	指定表格、影像或表格單元格的高度。
hidden	hidden	指定元素是否應可見。
id	使用者定義	為元素命名以供級聯樣式表使用。
item	元素列表	用於對元素進行分組。
itemprop	專案列表	用於對專案進行分組。
spellcheck	true, false	指定元素是否必須對其拼寫或語法進行檢查。
style	CSS 樣式表	指定元素的內聯樣式。
subject	使用者定義 ID	指定元素對應的專案。
tabindex	製表位編號	指定元素的製表順序。
title	使用者定義	元素的“彈出”標題。
valign	top, middle, bottom	垂直對齊 HTML 元素內的標籤。
width	數值	指定表格、影像或表格單元格的寬度。

有關 HTML5 標籤和相關屬性的完整列表，請檢視我們對HTML5 標籤的參考。

HTML 5 中引入的一項新功能是添加了自定義資料屬性。

自定義資料屬性以data-開頭，並且會根據您的需求命名。這是一個簡單的示例：

<div class = "example" data-subject = "physics" data-level = "complex">
   ...
</div>

以上程式碼將是完全有效的 HTML5，其中包含兩個名為datasubject和data-level的自定義屬性。您可以使用 JavaScript API 或 CSS 以與獲取標準屬性相同的方式獲取這些屬性的值。

列印頁面