（二）html5中的属性
1、全局屬性
所謂全局屬性，是指可以對任何元素都使用的屬性；
(1)contentEditable屬性
contentEditable屬性的主要功能是允許用戶編輯元素中的內容，所以該元素必須是可以獲得鼠標焦點的元素，而且在點擊鼠標后要向用戶提供一個插入符號，提示用戶該元素中的內容允許編輯。contentEditable屬性是一個布爾值屬性，可以被指定為true或false。
除此之外，該屬性還有一個隱藏inherit（繼承）狀態，屬性為true時，元素被指定為允許編輯；屬性為false時，元素被指定為不允許編輯；未指定true或false時，則由inherit狀態來決定，如果元素的父元素是可編輯的，則該元素就是可編輯的；
另外，除了contentEditable屬性外，元素還具有一個isContentEditable屬性，當元素可編輯時，該屬性為true；當元素不可編輯時，該屬性為false；
contentEditable屬性示例（加上contentEditable屬性之后該元素就變成可編輯的了）
<!DOCTYPE html> <head><meta charset="UTF-8"><title>contentEditable屬性示例</title> </head> <h2>可編輯列表</h2> <ul contentEditable="true"><li>列表元素1</li><li>列表元素2</li><li>列表元素3</li> </ul>在編輯完元素中內容之后，如果想要保存其中的內容，只能把該元素的innerHTML發送到服務器端進行保存，因為改變元素內容之后該元素的innerHTML內容也會隨之改變，目前還沒有特別的API來保存編輯后元素中的內容。
(2)designMode屬性
designMode屬性用來指定整個頁面是否可編輯，當頁面可編輯時，頁面中任何支持上述的contentEditable屬性的元素都變成了了編輯狀態。designMode屬性只能在javascript腳本里被編輯修改。該屬性有兩個值on和off。屬性被指定為“on”時，頁面可編輯；被指定為“off”時，頁面不可編輯。使用javascript腳本來指定designMode屬性的方法如下
所示:document.designMode=”on”
(3)hidden屬性
在html5中所有的元素都允許使用一個hidden屬性。該屬性類似于input元素中的hidden元素，功能是通知瀏覽器不渲染元素，是該元素處于不可見狀態。但是元素中的內容還是瀏覽器創建的，也就是說頁面裝載后允許使用javascript腳本將該屬性取消，取消后該元素變為可見狀態，同時元素中的內容也即時顯示出來。hidden屬性是一個布爾值，為true元素處于不可見狀態；為false元素處于可見狀態。
(4)spellcheck屬性
spellcheck屬性是html5針對input元素（type=text）與textarea這兩個文本輸入框提供的一個新屬性，它的功能為針對用戶輸入的文本內容進行拼寫和語法檢查。spellcheck屬性是一個布爾值屬性，true或false；在書寫時有一個特殊的地方，就是必須明確聲明屬性值為true或false，書寫方法如下：
<textarea spellcheck="true" > <input type=text spellchech=false >以下寫法錯誤：
<textarea spelcheck >需要注意的是，如果元素的readOnly屬性或disabled屬性設為true，則不執行拼寫檢查。
(5)tabindex屬性
tabindex是開發中的一個基本概念，當不斷敲擊Tab鍵讓窗口或者頁面中的控件或得焦點，對窗口或頁面中的所有控件進行遍歷的時候，每一個控件的tabindex表示該控件是第幾個被訪問到的。過去這個屬性在編輯網頁時是非常有用的，但如今控件的遍歷順序都是由元素在頁面上所處的位置決定的，所以就不再需要了。但是tabindex還有另外一個作用，在默認情況下，只有鏈接元素與表單元素可以通過按鍵獲得焦點。如果對其他元素使用tabindex屬性后，也能讓該元素獲得焦點，那么當腳本中執行focus()語句的時候，就可以讓該元素獲得焦點了。但這樣做會產生一個副作用：該元素也可以通過按Tab鍵獲得焦點，而這有時候可能不是開發者想要的結果。把元素的tabindex值設為負數（通常為-1）后就解決這個問題了。tabindex的值為負數后，仍然可以通過編程的方式讓元素獲得焦點，但按下Tab鍵時該元素就不能獲得焦點了。這在復雜的頁面中或者復雜的web應用程序中是十分有用的。
2、表單相關屬性
(1)可以對input（type=text）、select、textarea與button元素制定autofocus屬性。它以指定屬性的方式讓元素在換面打開時自動獲得焦點；
(2)可以對input元素（type=text）與textarea元素指定placeholder屬性，它會對用戶的輸入進行提示，提示用戶可以輸入的內容；
(3)可以對input、output、select、textarea、button與fieldset指定form屬性，聲明它屬于哪個表單，然后將其放置在頁面上的任何位置，而不是表單之內；
(4)可以對input（type=text）元素與textarea元素指定required屬性。該屬性表示在用戶提交的時候進行檢查，檢查該元素內一定要有輸入內容；
(5)為input元素增加了幾個新的屬性：autocomplete、min、max、multiple、pattern與step。同時還有一個新的list元素與datalist元素配合使用。datalist元素與autocomplete屬性配合用。multiple屬性允許在上傳文件時一次上傳多個文件；
(6)為input元素與button元素增加了新的屬性formaction、formenctype、formmethod、formnovalidate與formtarget、他們可以重載form元素的action、enctype、method、novalidate與terget屬性。為fieldset元素增加了disable屬性，可以把它的子元素設為disable（無效）狀態；
(7)為input元素、button元素、form元素增加了novalidate屬性，該屬性可以取消提交時進行的有關檢查，表單可以被無條件的提交；
(8)為所有可使用標簽（label）元素的表單標簽【包括非隱藏的input元素（type屬性值不等于hidden）、button元素、select元素、textarea元素、meter元素、output元素、progress元素以及keygen元素】定義一個labels屬性，屬性值為一個NodeList對象，代表該元素所綁定的標簽元素所構成的集合；
(9)可以在標簽（label元素）內部放置一個表單元素，并且通過該標簽的control屬性來訪問該表單元素；
(10)針對input元素與textarea元素在HTML5中增加SelectionDirection屬性。當用戶在這兩個元素中用鼠標選取部分文字時，可以使用該屬性來獲取選取方向。當用戶正向選取文字時，該屬性值為“forward”；當用戶反向選取文字時，該屬性值為“backward”。當用戶沒有選去任何文字時，該屬性值為“forward”；
(11)對復選框（checkbox元素）添加indeterminate屬性，以說明復選框處于“尚未明確是否可選狀態”；
(12)對類型為image的input元素添加用于指定圖片按鈕中圖片高度的height屬性與用于指定圖片寬度的width屬性；
(13)對textarea元素新增用于限定可輸入文字個數的maxlength屬性，與用于指定表單提交時是否在文字換行處添加換行符的wrap屬性；
(14)對iframe元素新增sandbox屬性，其作用是出于安全性方面的原因，對iframe元素內的內容是否允許顯示，表單是否允許被提交，以及腳本是否允許被執行等方面進行一些限制；
(15)對script元素新增async屬性與defer屬性，用于加快頁面的加載速度，是腳本代碼的讀取不妨礙頁面上其他元素的加載；
3、鏈接相關的屬性
(1)為a與area元素增加了media屬性，該屬性規定目標URL是為什么類型的媒介/設備進行優化的，只能在href屬性存在時使用；
(2)為area元素增加了hreflang屬性與rel屬性，以保持與a元素、link元素的一致；
(3)為link元素增加了新屬性sizes。該屬性可以與icon元素結合使用（通過rel屬性），該屬性指定關聯圖標（icon元素）的大小；
(4)為base元素增加了target屬性，主要目的是保持與a元素的一致性；
4、其他屬性
(1)為ol元素增加屬性reversed，它指定列表倒序顯示；
(2)為meta元素增加charset屬性，因為這個屬性已經被廣泛支持了，而且為文檔的字符編碼的制定提供了一種比較良好的方式；
(3)為menu元素添加了兩個新的屬性—type和label。label屬性為菜單定義一個可見的標注，type屬性讓菜單可以以上下文菜單、工具條和列表菜單三種形式出現；
(4)為style元素增加scoped屬性，用來規定樣式的作用范圍，譬如只對頁面上某個樹起作用。
(5) 為script元素增加async屬性，它定義腳本是否異步執行；
(6)為html元素增加屬性manifest，開發離線web應用程序時它與API結合使用，定義一個URL，在這個URL上描述文檔的緩存信息；
(7)為iframe元素增加三個屬性sandbox,seamless與srcdoc，用來提高頁面安全性，防止不信任的web 頁面執行某些操作；
5.廢除的屬性
總結
以上是生活随笔為你收集整理的（二）html5中的属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java中的==、equals()、ha
- 下一篇： Class.getResource()、