1. 程式人生 > 實用技巧 >HTML全域性屬性(global attribute)有哪些(包含H5)

HTML全域性屬性(global attribute)有哪些(包含H5)

1.accesskey提供了為當前元素生成鍵盤快捷鍵的提示。這個屬性由空格分隔的字元列表組成。瀏覽器應該使用在計算機鍵盤佈局上存在的第一個。
2.autocapitalize控制使用者的文字輸入是否和如何自動大寫,它可以有以下的值:
  • offornone,沒有應用自動大寫(所有字母都預設為小寫字母)。
  • onorsentences,每個句子的第一個字母預設為大寫字母;所有其他字母都預設為小寫字母。
  • words,每個單詞的第一個字母預設為大寫字母;所有其他字母都預設為小寫字母。
  • characters,所有的字母都應該預設為大寫。
3.class一個以空格分隔的元素的類名(classes)列表,它允許 CSS 和 Javascript 通過類選擇器 (
class selectors
)或DOM方法(document.getElementsByClassName)來選擇和訪問特定的元素。
4.contenteditable一個列舉屬性(enumerated attribute),表示元素是否可被使用者編輯。如果可以,瀏覽器會調整元素的部件(widget)以允許編輯。
  • true或者空字串,表明元素是可被編輯的;
  • false,表明元素不能被編輯。
5.data-*一類自定義資料屬性,它賦予我們在所有 HTML 元素上嵌入自定義資料屬性的能力,並可以通過指令碼(一般指JavaScript)與HTML之間進行專有資料的交換。所有這些自定義資料屬性都可以通過所屬元素的
HTMLElement
介面來訪問。HTMLElement.dataset屬性可以訪問它們。
6.dir一個指示元素中文字方向的列舉屬性。它的取值如下:
  • ltr, 指從左到右,用於那種從左向右書寫的語言(比如英語);
  • rtl, 指從右到左,用於那種從右向左書寫的語言(比如阿拉伯語);
  • auto, 指由使用者代理決定方向。它在解析元素中字元時會運用一個基本演算法,直到發現一個具有強方向性的字元,然後將這一方向應用於整個元素。
7.draggable一種列舉屬性,指示是否可以 使用Drag and Drop API拖動元素。它可以有以下的值:
  • true, 這表明元素可能被拖動
  • false, 這表明元素可能不會被拖動
8.dropzone:列舉屬性,指示可以使用Drag and Drop API在元素上刪除哪些型別的內容。 它可以具有以下值:
  • copy,表示drop將建立被拖動元素的副本
  • move,表示拖動的元素將移動到此新位置。
  • link,將建立一個指向拖動資料的連結。
9.hidden布林屬性表示該元素尚未或不再相關。例如,它可用於隱藏在登入過程完成之前無法使用的頁面元素。瀏覽器不會呈現此類元素。不得使用此屬性隱藏可合法顯示的內容
id定義唯一識別符號(ID),該識別符號在整個文件中必須是唯一的。 其目的是在連結(使用片段識別符號),指令碼或樣式(使用CSS)時標識元素。
10.inputmode向瀏覽器提供有關在編輯此元素或其內容時要使用的虛擬鍵盤配置型別的提示。主要用於<input>元素,但在contenteditable模式下可用於任何元素。
11.is允許您指定標準HTML元素應該像已註冊的自定義內建元素一樣。
12.itemid項的唯一全域性識別符號。
13.itemprop用於向項新增屬性。 每個HTML元素都可以指定一個itemprop屬性,其中一個itemprop由一個名稱和值對組成。14.itemref只有不是具有itemscope屬性的元素的後代,它的屬性才可以與使用itemref專案相關聯。它提供了元素ID列表(而不是itemids)以及文件中其他位置的其他屬性。
15.itemscopeitemscope(通常)與itemtype一起使用,以指定包含在關於特定專案程式碼塊中的HTML。itemscope建立Item並定義與之關聯的itemtype的範圍。itemtype是描述項及其屬性上下文的詞彙表(例如schema.org)的有效URL。
16.itemtype指定將用於在資料結構中定義itemprops(項屬性)的詞彙表的URL。itemscope用於設定資料結構中按itemtype設定的詞彙表的生效範圍。
17.lang幫助定義元素的語言:不可編輯元素所在的語言,或者應該由使用者編寫的可編輯元素的語言。該屬性包含一個“語言標記”(由用連字元分隔的“語言子標記”組成),格式在Tags for Identifying Languages (BCP47)中定義。xml:lang優先於它。
18.part元素的部件名稱的空格分隔列表。Part名稱允許CSS通過::part()偽元素選擇和設定陰影關聯樹中的特定元素。
19.slotshadow DOM陰影關聯樹中的一個溝槽分配給一個元素:具有slot屬性的元素被分配給由<slot>元素建立的溝槽,其name屬性的值與slot屬性的值匹配。
20.spellcheck列舉屬性定義是否可以檢查元素是否存在拼寫錯誤。它可能具有以下值:
  • true,表示如果可能,應檢查元素是否存在拼寫錯誤;
  • false, 表示不應檢查元素的拼寫錯誤。
21.style含要應用於元素的CSS樣式宣告。 請注意,建議在單獨的檔案中定義樣式。 該屬性和<style>元素主要用於快速樣式化,例如用於測試目的。
22.tabindex整數屬性,指示元素是否可以獲取輸入焦點(可聚焦),是否應該參與順序鍵盤導航,如果是,則表示哪個位置。它可能需要幾個值:
  • 負值表示該元素應該是可聚焦的,但不應通過順序鍵盤導航到達;
  • 0表示元素應通過順序鍵盤導航可聚焦和可到達,但其相對順序由平臺約定定義;
  • 正值意味著元素應該可以通過順序鍵盤導航進行聚焦和訪問;元素聚焦的順序是tabindex的增加值。如果多個元素共享相同的tabindex,則它們的相對順序遵循它們在文件中的相對位置。
23.title包含表示與其所屬元素相關資訊的文字。 這些資訊通常可以作為提示呈現給使用者,但不是必須的。
24.translate列舉屬性,用於指定在頁面本地化時是否轉換元素的屬性值及其Text節點子節點的值,或者是否保持它們不變。它可以具有以下值:
  • 空字串和"yes",表示元素將被翻譯。
  • "no", 表示該元素不會被翻譯。