官术网_书友最值得收藏!

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

在HTML 5中,在增加和廢除很多元素的同時,也增加和廢除了很多屬性,本節(jié)對于這些增加和廢除的屬性進行簡單介紹 其他資料介紹的新增屬性可能會比本節(jié)要介紹的更多,這是因為HTML 5在最新發(fā)布的版本中又把這些本來想新增的屬性刪除了。

2.3.1 新增的屬性

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

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

·可以對input(type=text)、select、textarea與button元素指定autofocus屬性。它以指定屬性的方式讓元素在畫面打開時自動獲得焦點。

·可以對input元素(type=text)與textarea元素指定placeholder屬性,它會對用戶的輸入進行提示,提示用戶可以輸入的內(nèi)容。

·可以對input、output、select、textarea、button與fieldset指定form屬性,聲明它屬于哪個表單,然后將其放置在頁面上任何位置,而不是表單之內(nèi)。

·可以對input元素(type=text)與textarea元素指定required屬性。該屬性表示在用戶提交的時候進行檢查,檢查該元素內(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屬性,該屬性可以取消提交時進行的有關(guān)檢查,表單可以被無條件提交。

·為所有可使用標簽(label元素)的表單元素(包括非隱藏的input元素(type屬性值不等于hidden)、button元素、select元素、textarea元素、meter元素、output元素、progress元素以及keygen元素)定義一個labels屬性,屬性值為一個NodeList對象,代表該元素所綁定的標簽元素所構(gòu)成的集合。

·可以在標簽(label元素)內(nèi)部放置一個表單元素,并且通過該標簽的control屬性訪問該表單元素。

·針對input元素與textarea元素,在HTML 5中增加SelectionDirection屬性。當(dāng)用戶在這兩個元素中用鼠標選取部分文字時,可以使用該屬性來獲取選取方向。當(dāng)用戶正向選取文字時,該屬性值為“forward”,當(dāng)用戶反向選取文字時,該屬性值為“backward”。當(dāng)用戶沒有選取任何文字時,該屬性值為“forward”。

·對復(fù)選框(checkbox元素)添加indeterminate屬性,以說明復(fù)選框處于“尚未明確是否選取”狀態(tài)。

·對類型為image的input元素添加用于指定圖片按鈕中圖片高度的height屬性與圖片寬度的width屬性。

·對textarea元素新增用于限定可輸入文字個數(shù)的maxlength屬性與用于指定表單提交時是否在文字換行處添加換行符的wrap屬性。

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

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

·為a與area元素增加了media屬性、download屬性以及ping屬性,其中media屬性規(guī)定目標URL是為什么類型的媒介/設(shè)備進行優(yōu)化的,download屬性用于讓用戶下載目標鏈接所指向的資源,而不是直接打開該目標鏈接,這些屬性均只能在href屬性存在時使用。

·為area元素增加了hreflang屬性與rel屬性,以保持與a元素、link元素的一致。

·為link元素增加了新屬性sizes。該屬性可以與icon元素結(jié)合使用(通過rel屬性),該屬性指定關(guān)聯(lián)圖標(icon元素)的大小。

·為base元素增加了target屬性,主要目的是保持與a元素的一致性。

3.其他屬性

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

·為ol元素增加start屬性與reversed屬性,其中start屬性定義列表的開始編號,reversed屬性指定列表倒序顯示。

·為meta元素增加charset屬性,因為這個屬性已經(jīng)得到廣泛支持,而且為文檔的字符編碼的指定提供了一種比較良好的方式。

·為menu元素增加了兩個新的屬性——type與label。label屬性為菜單定義一個可見的標注,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中不再使用,而是采用其他屬性或其他方案進行替代,具體如表2-1所示。

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

主站蜘蛛池模板: 简阳市| 佳木斯市| 桐柏县| 缙云县| 清新县| 金川县| 贺州市| 耒阳市| 汉川市| 卢龙县| 永安市| 灵宝市| 古浪县| 双柏县| 松滋市| 余江县| 秭归县| 巴林右旗| 墨脱县| 民乐县| 富裕县| 彩票| 宜良县| 河北区| 克山县| 新乡县| 云阳县| 英吉沙县| 仪征市| 炎陵县| 崇明县| 赤壁市| 郯城县| 资兴市| 安岳县| 桂阳县| 平遥县| 荥经县| 玛沁县| 金湖县| 望谟县|