[TOC] # HTML原有屬性 ## accesskey 　　作用：瀏覽器用來創建激活或聚焦元素的快捷鍵 　　值：一個鍵盤字符 　　范圍：支持該屬性的元素有`<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>` 　　注意：使用該屬性可能在新窗口打開鏈接時可能會被瀏覽器屏蔽 ~~~ <div> <a href="https://www.baidu.com" accesskey="b">百度</a> <a href="https://www.taobao.com" accesskey="a">阿里</a> <a href="https://www.qq.com" accesskey="t">騰訊</a> <p>快捷鍵(alt+b)可以跳轉到百度；快捷鍵(alt+a)可以跳轉到阿里；快捷鍵(alt+t)可以跳轉到騰訊</p> </div> ~~~ <br> ## class 　　作用：規定元素的一個或多個類名 　　值：多個類名用空格分隔 　　注意：類名不能以數字開頭 <br> ## dir 　　作用：文字的方向 　　值：ltr/rtl/auto <br> ## id 　　作用：規定元素的唯一標識 　　注意：若瀏覽器中出現多個id名的情況，CSS樣式對所以該id名的元素都生效，但javascript腳本僅對第一個出現該id名的元素生效 <br> ## id <br> ## lang 　　作用：規定元素內容的語言 en:英文 zh:中文 zh-CN：簡體中文 　　zh 是中文，代表的是宏語言（Macrolanguage），zh 單獨用表示中文整體，可以是方言、文言文、簡繁體等混合內容。理論上 zh-CN 表示的是中國大陸中文，包含方言和簡繁體，但默認指簡體普通話。為了精準性，應該用獨立語種替換，包括但不僅限于普通話和七大方言： cmn 普通話（官話、國語） wuu 吳語（江浙話、上海話）、czh 徽語（徽州話、嚴州話、吳語-徽嚴片） hak 客家語 yue 粵語（廣東話） nan 閩南語（福建話、臺語）、cpx 莆仙話（莆田話、興化語）、cdo 閩東語、mnp 閩北語、zco 閩中語 gan 贛語（江西話） hsn 湘語（湖南話） cjy 晉語（山西話、陜北話） 　　以下所有 zh 開頭寫法已于 2009 年廢棄，因為在語言學的分類上，中國語言學者多認為吳語、粵語、閩語等是漢語的方言，而西方學者多認為這些語言是一門和漢語同級關系的單獨語種 　　以下兩種寫法均正確，后者描述更精準，但目前瀏覽器和操作系統都只支持前者，使用新標準可能會造成無法匹配瀏覽器用戶定義字體、網頁翻譯、程序語言自動切換等功能，為了兼容性推薦使用前者 zh-CN 中文 (簡體, 中國大陸) 對應 cmn-Hans-CN 普通話 (簡體, 中國大陸) zh-SG 中文 (簡體, 新加坡) 對應 cmn-Hans-SG 普通話 (簡體, 新加坡) zh-HK 中文 (繁體, 香港) 對應 cmn-Hant-HK 普通話 (繁體, 香港) zh-MO 中文 (繁體, 澳門) 對應 cmn-Hant-MO 普通話 (繁體, 澳門) zh-TW 中文 (繁體, 臺灣) 對應 cmn-Hant-TW 普通話 (繁體, 臺灣) <br> ## style 　　作用：設置元素的行間樣式</span> ## tabindex 　　作用：規定元素的tab鍵次序 　　值：`<number>`(1是第一個) ~~~ <div> <a href="https://www.baidu.com" tabindex="3">百度</a> <a href="https://www.taobao.com" tabindex="2">阿里</a> <a href="https://www.qq.com" tabindex="1">騰訊</a> </div> ~~~ <br> ## title 　　作用：規定關于元素的額外信息，鼠標移到元素上時顯示一段提示文本 <br> <br> # HTML5新增屬性 ## contenteditable 　　作用：指定是否可以在瀏覽器里編輯內容 　　值：true/false 　　注意：設置`document.designMode ='on'`時，頁面的任意位置都可以編輯；使用`contenteditable ='true'`則只對具體元素和其包含的元素起作用 　　移動端：移動端ios5以及android3之后才支持該屬性 contenteditable <br> ## contextmenu(沒有瀏覽器支持) 　　作用：跟元素關聯的右鍵菜單 　　值：`<menu>`元素中唯一ID <br> ## data-* 　　作用：用于存儲頁面或應用程序的私有定制數據 　　注意：屬性名不應包含任何大寫字母，且在前綴"data-"之后必須有至少一個字符；屬性值可以是任意字符串 　　使用：可以在所有瀏覽器中使用getAttribute方法來獲取data-屬性的值，也可以使用javascript中dataset屬性訪問data-屬性的值，不過IE10-瀏覽器不支持dataset <br> ## draggable(IE8-不支持) 　　作用：用戶是否可以拖動元素 　　值：true/false/auto 　　注意：鏈接和圖像默認是可拖動的 <br> ## dropzone(所有瀏覽器都不支持) 　　作用：規定在拖動被拖動數據時是否進行復制、移動或鏈接 　　值：copy拷貝/move移動/link指向原始數據鏈接 <br> ## hidden(IE7-不支持) 　　作用：顯示或隱藏該元素(與display:none的作用一樣) 　　值：hidden="" || hidden= "hidden" <br> ## spellcheck(IE9-不支持)　 　　作用：規定是否對元素進行拼寫和語法檢查，對拼寫錯誤的單詞會在其下方出現紅線 　　范圍：可編輯區域（表單或contenteditable元素） 　　值：true/false 　　注意：移動端支持不好 <br> ## translate(所有瀏覽器都不支持) 　作用：規定是否應該翻譯元素內容 　值：yes/no # 參考資料 [全局屬性 · FE-booklet](https://www.xiaohuochai.site/HTML/grammar/grammar_attribute.html)