- HTML 5與CSS 3權(quán)威指南(第4版·上冊)
- 陸凌牛
- 1534字
- 2019-03-04 18:28:55
2.3 新增的屬性和廢除的屬性
在HTML 5中,在增加和廢除很多元素的同時,也增加和廢除了很多屬性,本節(jié)對于這些增加和廢除的屬性進行簡單介紹。
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中廢除的屬性


- Apache Oozie Essentials
- Servlet/JSP深入詳解
- Podman實戰(zhàn)
- 正則表達式經(jīng)典實例(第2版)
- Mastering Rust
- Spring Boot進階:原理、實戰(zhàn)與面試題分析
- 自制編程語言
- Integrating Facebook iOS SDK with Your Application
- Multithreading in C# 5.0 Cookbook
- Visual Basic 6.0程序設(shè)計實驗教程
- R Data Science Essentials
- 多模態(tài)數(shù)據(jù)分析:AGI時代的數(shù)據(jù)分析方法與實踐
- 軟件工程基礎(chǔ)與實訓(xùn)教程
- Python Programming for Arduino
- Learning iOS Penetration Testing