グローバル属性は、すべての HTML 要素で共通の属性です。すべての要素で使用できますが、要素によっては効果がないこともあります。
グローバル属性は、標準仕様で未定義の要素を含む すべての HTML 要素で指定することができます。つまり、その要素を使用することで文書が HTML5 に準拠しなくなるような標準外の要素であっても、これらの属性は受け入れなければなりません。例えば <foo> は妥当な HTML 要素ではありませんが、 HTML5 準拠のブラウザーは <foo hidden>...</foo> とマークアップされたコンテンツを非表示にします。
基本的な HTML グローバル属性に加えて、以下のグローバル属性も存在します。
aria-* 属性。onabort, onautocomplete, onautocompleteerror, onblur, oncancel, oncanplay, oncanplaythrough, onchange, onclick, onclose, oncontextmenu, oncuechange, ondblclick, ondrag, ondragend, ondragenter, ondragexit, ondragleave, ondragover, ondragstart, ondrop, ondurationchange, onemptied, onended, onerror, onfocus, oninput, oninvalid, onkeydown, onkeypress, onkeyup, onload, onloadeddata, onloadedmetadata, onloadstart, onmousedown, onmouseenter, onmouseleave, onmousemove, onmouseout, onmouseover, onmouseup, onmousewheel, onpause, onplay, onplaying, onprogress, onratechange, onreset, onresize, onscroll, onseeked, onseeking, onselect, onshow, onsort, onstalled, onsubmit, onsuspend, ontimeupdate, ontoggle, onvolumechange, onwaiting。off または none: 自動的な大文字化は行いません (すべての文字は小文字のままです)。on または sentences: 各文の最初の文字を大文字にします。それ以外の文字は小文字のままです。words:各単語の最初の文字を大文字にします。それ以外の文字は小文字のままです。characters: すべての文字を大文字にします。true または 空文字列: 要素が編集可能であることを示すfalse: 要素は編集不可であることを示すid を指定します。ltr: left to right を表し、左から右へ記述する言語 (日本語、英語など) に対して使用します。rtl: right to left を表し、右から左へ記述する言語 (アラビア語など) に対して使用します。auto: ユーザーエージェントに決定させます。要素の中の文字を、書字方向を強く決定する文字が見つかるまで解析し、その方向を要素全体に適用する基本的なアルゴリズムを使用します。true: 要素がドラッグ可能であることを示すfalse: 要素がドラッグ不可であることを示すcopy: ドラッグした要素をドロップすることで、コピーを生成することを示すmove: ドラッグした要素を新しい場所に移動することを示すlink: ドラッグしたデータへのリンクを生成する注: item* 属性は、 WHATWG HTML Microdata 機能の一部です。
itemprop 属性を指定することができ、この itemprop は名前と値の組で構成されます。itemscope 属性を持つ要素の子孫以外のプロパティは、 itemref を使用して項目に関連付けることができます。文書中の他の場所で追加のプロパティがある要素の id (itemid ではない) の一覧を提供します。itemscope は (通常) {{htmlattrxref("itemtype")}} とともに、ブロックに含まれている HTML が特定の項目に関するものであることを指定します。 itemscope は項目を作成し、それに関連付けられる itemtype のスコープを定義します。 itemtype は、項目やそのプロパティの文脈を説明するボキャブラリー (schema.org など) の有効な URL です。itemprop （項目のプロパティ）を定義するために使う、ボキャブラリーの URL を指定します。 {{htmlattrxref("itemscope")}} は、 itemtype で設定したボキャブラリーがデータ構造内でアクティブになるスコープを設定するために使用します。slot 属性を持つ要素は、slot 属性の値と一致する {{htmlattrxref("name", "slot")}} 属性の値を持つ {{HTMLElement("slot")}} 要素が生成したスロットに割り当てられます。true: 可能であればその要素でスペルチェックを行うことを示すfalse: その要素でスペルチェックを行わないことを示す0: 要素はフォーカスを受け付けて、順番的なキーボードナビゲーションで到達できます。その順番はプラットフォームの慣習に従って定義されます。yes: 要素が翻訳対象になることを示します。no: 要素が翻訳対象にならないことを示します。| 仕様書 | 状態 | 備考 |
|---|---|---|
| {{SpecName("HTML WHATWG", "dom.html#global-attributes", "Global attributes")}} | {{Spec2("HTML WHATWG")}} | |
| {{SpecName("CSS Shadow Parts", "#exposing")}} | {{Spec2("CSS Shadow Parts")}} | part および exportparts の各グローバル属性を追加。・ |
| {{SpecName("HTML5.2", "dom.html#global-attributes", "Global attributes")}} | {{Spec2("HTML5.2")}} | {{SpecName("HTML WHATWG")}} のスナップショット。 {{SpecName("HTML5.1")}} に itemid, itemprop, itemref, itemscope, itemtype を追加。 |
| {{SpecName("HTML5.1", "dom.html#global-attributes", "Global attributes")}} | {{Spec2("HTML5.1")}} | {{SpecName("HTML WHATWG")}} のスナップショット。 {{SpecName("HTML5 W3C")}} に spellcheck, draggable, dropzone, spellcheck を追加。 |
| {{SpecName("HTML5 W3C", "dom.html#global-attributes", "Global attributes")}} | {{Spec2("HTML5 W3C")}} | {{SpecName("HTML WHATWG")}} のスナップショット。 {{SpecName("HTML4.01")}} に、グローバル属性の概念を導入し、 dir, lang, style, id, class, tabindex, accesskey, title が真にグローバルな属性になった。当初は XHTML の一部であった xml:lang が、HTML に組み込まれた。hidden, data-*, contenteditable, translate を追加。 |
| {{SpecName("HTML4.01")}} | {{Spec2("HTML4.01")}} | グローバル属性の定義なし。後の仕様書でグローバル属性になるいくつかの属性を、要素のサブセットで定義。class および style は、次の要素を除くすべての要素で対応しています。 {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, {{HTMLElement("title")}}dir は、次の要素を除くすべての要素で対応しています。 {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("bdo")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}id は、次の要素を除くすべての要素で対応しています。 {{HTMLElement("base")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("script")}}, {{HTMLElement("style")}}, {{HTMLElement("title")}}lang は、次の要素を除くすべての要素で対応しています。 {{HTMLElement("applet")}}, {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("br")}}, {{HTMLElement("frame")}}, {{HTMLElement("frameset")}}, {{HTMLElement("iframe")}}, {{HTMLElement("param")}}, and {{HTMLElement("script")}}tabindex は、次の要素のみで対応しています。 {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}}, and {{HTMLElement("textarea")}}accesskey は、次の要素のみで対応しています。 {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("input")}}, {{HTMLElement("label")}}, {{HTMLElement("legend")}} and {{HTMLElement("textarea")}}title は、次の要素を除くすべての要素で対応しています。 {{HTMLElement("base")}}, {{HTMLElement("basefont")}}, {{HTMLElement("head")}}, {{HTMLElement("html")}}, {{HTMLElement("meta")}}, {{HTMLElement("param")}}, {{HTMLElement("script")}}, and {{HTMLElement("title")}} |
{{Compat("html.global_attributes")}}