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

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

---

2.3.1 新增的屬性

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

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

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

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

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

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

3.其他屬性

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

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

---

2.3.2 廢除的屬性

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

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

（續(xù)）