3.2 使用元素屬性

元素可以用屬性（attribute）進行配置。代碼清單3-6所示為應用到a元素上的一個屬性。這個元素用來生成超鏈接。點擊超鏈接就會加載另一個HTML文檔。

代碼清單3-6 使用元素屬性

        I like <ahref="/apples.html">apples</a> and oranges.

屬性只能用在開始標簽或單個標簽上，不能用于結束標簽。如圖3-4所示，屬性具有名稱和值兩部分。

有一些全局屬性可用于所有HTML元素，本章稍后將有介紹。除了這些全局屬性，元素還有用來提供其特有配置信息的專有屬性。href屬性就限于a元素，它配置的是超鏈接的目的URL。a元素定義了一批專有屬性，它們會在第8章中得到說明。

3.2.1 一個元素應用多個屬性

一個元素可以應用多個屬性，這些屬性間以一個或幾個空格分隔即可。代碼清單3-7即為一例。

代碼清單3-7 為一個元素設置多個屬性

        I like <aclass="link" href="/apples.html" id="firstlink">apples</a> and oranges.

這些屬性的順序未作要求，全局屬性和元素專有屬性可隨意交錯。上面的代碼清單就是這樣做的，其中class和id是全局屬性（本章稍后會講到這些屬性）。

3.2.2 使用布爾屬性

有些屬性屬于布爾屬性，這種屬性不需要設定一個值，只需將屬性名添加到元素中即可，如代碼清單3-8所示。

代碼清單3-8 布爾屬性

        Enter your name: <inputdisabled>

此例中的布爾屬性是disabled，元素中只添加了該屬性的名稱。input元素為用戶在HTML表單（在第12章中講述）中輸入數據提供了一種手段。添加disabled屬性可以阻止用戶輸入數據。布爾屬性有一點小古怪，它以本來存在而不是用戶為其設定的值對元素進行配置。上例中并未這樣設置disabled="true"，僅僅是添加了disabled這個詞而已。為布爾屬性指定一個空字符串（""）或屬性名稱字符串作為其值也有同樣的效果，如代碼清單3-9所示。

代碼清單3-9 為布爾屬性指定空字符串值

        Enter your name: <inputdisabled="">
        Enter your name: <inputdisabled="disabled">

3.2.3 使用自定義屬性

用戶可自定義屬性，這種屬性必須以data-開頭。代碼清單3-10演示了這種屬性的用法。

代碼清單3-10 對元素應用自定義屬性

        Enter your name: <input disabled="true"data-creator="adam" data-purpose="collection">

這種屬性的恰當名稱是作者定義屬性，有時也稱擴展屬性。不過我更喜歡使用自定義屬性這個常見得多的名稱。

自定義屬性是對HTML4中“瀏覽器應當忽略不認識的屬性”這種廣泛應用的技巧的正式規(guī)定。在這類屬性名稱之前添加前綴data-是為了避免與HTML的未來版本中可能增加的屬性名沖突。自定義屬性與CSS（在第4章介紹）和JavaScript（在第5章介紹）結合起來很有用。