2.3 新增的屬性和廢除的屬性

在HTML 5中，在增加和廢除了很多元素的同時，也增加和廢除了很多屬性，本節(jié)對于這些增加和廢除的屬性進(jìn)行簡單介紹。

---

2.3.1 新增的屬性

1.表單相關(guān)的屬性

新增的與表單相關(guān)的元素如下：

• 可以對input（type=text）、select、textarea與button元素指定autofocus屬性。它以指定屬性的方式讓元素在畫面打開時自動獲得焦點(diǎn)。
• 可以對input元素（type=text）與textarea元素指定placeholder屬性，它會對用戶的輸入進(jìn)行提示，提示用戶可以輸入的內(nèi)容。
• 可以對input、output、select、textarea、button與fieldset指定form屬性，聲明它屬于哪個表單，然后將其放置在頁面上任何位置，而不是表單之內(nèi)。
• 可以對input元素（type=text）與textarea元素指定required屬性。該屬性表示在用戶提交的時候進(jìn)行檢查，檢查該元素內(nèi)一定要有輸入內(nèi)容。
• 為input元素增加了幾個新的屬性：autocomplete、min、max、multiple、pattern與step。同時還有一個新的list元素與datalist元素配合使用。datalist元素與autocomlete屬性配合使用。multiple屬性允許在上傳文件時一次上傳多個文件。
• 為input元素與button元素增加了新屬性formaction、formenctype、formmethod、formnovalidate與formtarget，他們可以重載form元素的action、enctype、method、novalidate與target屬性。為fieldset元素增加了disabled屬性，可以把它的子元素設(shè)為disabled（無效）狀態(tài)。
• 為input元素、button元素、form元素增加了novalidate屬性，該屬性可以取消提交時進(jìn)行的有關(guān)檢查，表單可以被無條件地提交。
• 為所有可使用標(biāo)簽（label元素）的表單元素[包括非隱藏的input元素（type屬性值不等于hidden）、button元素、select元素、textarea元素、meter元素、output元素、progress元素及keygen元素]定義一個labels屬性，屬性值為一個NodeList對象，代表該元素所綁定的標(biāo)簽元素所構(gòu)成的集合。
• 可以在標(biāo)簽（label元素）內(nèi)部放置一個表單元素，并且通過該標(biāo)簽的control屬性來訪問該表單元素。
• 針對input元素與textarea元素在HTML 5中增加SelectionDirection屬性。當(dāng)用戶在這兩個元素中用鼠標(biāo)選取部分文字時，可以使用該屬性來獲取選取方向。當(dāng)用戶正向選取文字時，該屬性值為“forward”；當(dāng)用戶反向選取文字時，該屬性值為“backward”。當(dāng)用戶沒有選取任何文字時，該屬性值為“forward”。
• 對復(fù)選框（checkbox元素）添加indeterminate屬性，以說明復(fù)選框處于“尚未明確是否選取”狀態(tài)。
• 對類型為image的input元素添加，用于指定圖片按鈕中圖片高度的height屬性與用于指定圖片寬度的width屬性。
• 對textarea元素新增用于限定可輸入文字個數(shù)的maxlength屬性，與用于指定表單提交時是否在文字換行處添加換行符的wrap屬性。
• 對iframe元素新增sandbox屬性，其作用是出于安全性方面的原因，對iframe元素內(nèi)的內(nèi)容是否允許顯示，表單是否允許被提交，以及腳本是否允許被執(zhí)行等方面進(jìn)行一些限制。
• 對script元素新增async屬性與defer屬性，用于加快頁面的加載速度，使腳本代碼的讀取不再妨礙頁面上其他元素的加載。

2.鏈接相關(guān)屬性

新增的與鏈接相關(guān)的屬性如下：

• 為a與area元素增加了media屬性，該屬性規(guī)定目標(biāo)URL是為什么類型的媒介/設(shè)備進(jìn)行優(yōu)化的，只能在href屬性存在時使用。
• 為area元素增加了hreflang屬性與rel屬性，以保持與a元素、link元素的一致。
• 為link元素增加了新屬性sizes。該屬性可以與icon元素結(jié)合使用（通過rel屬性），該屬性指定關(guān)聯(lián)圖標(biāo)（icon元素）的大小。
• 為base元素增加了target屬性，主要目的是保持與a元素的一致性。

3.其他屬性

除了上面介紹的與表單和鏈接相關(guān)的屬性外，HTML 5還增加了下面的屬性：

• 為ol元素增加屬性reversed，它指定列表倒序顯示。
• 為meta元素增加charset屬性，因為這個屬性已經(jīng)被廣泛支持了，而且為文檔的字符編碼的指定提供了一種比較良好的方式。
• 為menu元素增加了兩個新的屬性—type與label。label屬性為菜單定義一個可見的標(biāo)注，type屬性讓菜單可以以上下文菜單、工具條與列表菜單的三種形式出現(xiàn)。
• 為style元素增加scoped屬性，用來規(guī)定樣式的作用范圍，譬如只對頁面上某個樹起作用。
• 為script元素增加async屬性，它定義腳本是否異步執(zhí)行。
• 為html元素增加屬性manifest，開發(fā)離線Web應(yīng)用程序時它與API結(jié)合使用，定義一個URL，在這個URL上描述文檔的緩存信息。
• 為iframe元素增加三個屬性sandbox、seamless與srcdoc，用來提高頁面安全性，防止不信任的Web頁面執(zhí)行某些操作。

---

2.3.2 廢除的屬性

HTML 4中的一些屬性在HTML 5中不再被使用，而是采用其他屬性或其他方案進(jìn)行替代，具體如表2-1所示。

表2-1 在HTML 5中被廢除了的屬性

（續(xù)）