グローバル属性 - HTML | MDN

HTML: Markup language
CSS: Styling language
JavaScript: Scripting language
Web APIs: Programming interfaces
Learn web development
Get to know MDN better
このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
View in English Always switch to English
グローバル属性は、すべての HTML 要素で共通の属性です。すべての要素で使用できますが、要素によっては効果がないこともあります。
グローバル属性は、標準仕様で定義されていない要素を含む、すべての HTML 要素で指定することができます。つまり、その要素を使用することで文書が HTML5 に準拠しなくなるような標準外の要素であっても、これらの属性は受け入れなければなりません。例えば、 <foo hidden>…</foo> とマークアップされたコンテンツは、 <foo> が妥当な HTML 要素ではなくても、 HTML5 準拠のブラウザーは非表示にします。
基本的な HTML グローバル属性に加えて、以下のグローバル属性も存在します。
現在の要素に対するキーボードショートカットを生成するヒントを与えます。この属性の値は、空白区切りの文字のリストです。ブラウザーは、この文字リストの中から、コンピューターのキーボードレイアウトに存在する最初の文字を使用します。
位置指定要素をアンカー要素に関連付けます。この属性の値は、位置指定要素をアンカーする要素の id 値です。これにより、 CSS アンカー位置指定を使用して要素を位置指定することができます。
入力されたテキストを自動的に大文字にするかどうか、大文字にする場合はその方法を制御します。
入力テキストのスペルミスを自動的に修正するかどうかを制御します。 これは、 <input> 要素の type="password"、type="email"、type="url" を除いたテキストが編集可能な要素に適用することができます。
ページの読み込み時、またはその一部である <dialog> が表示された時点で、その要素がフォーカスされるようにすることを示す。この属性は論理値で、初期値は false です。
要素のクラスの空白区切りリストです。 CSS の クラスセレクター や JavaScript の Document.getElementsByClassName() メソッドのような関数を使えば、特定の要素を選択したりアクセスしたりすることができます。
ユーザーによる要素の編集が可能かどうかを示す列挙型属性です。編集可能な場合、ブラウザーはその要素を編集可能なものに変更します。この属性の値は、以下のどちらかでなければなりません。
これらの属性はカスタムデータ属性と呼ばれており、 HTML とその DOM 表現との間で、固有の情報を交換できるようにします。すべてのカスタムデータは、その属性を設定した要素の HTMLElement インターフェイスを通して使用することができます。 HTMLElement.dataset プロパティでカスタムデータにアクセスできます。
要素のテキストの書字方向を示す、列挙型属性です。以下の値を使用することができます。
ドラッグ＆ドロップ API を使用して要素をドラッグすることができるかを示す列挙型属性です。以下の値を使用することができます。
仮想キーボードの Enter キーにどのようなアクションラベル（またはアイコン）を表示するかを指示します。
シャドウ部品を入れ子になったシャドウツリーから軽いツリーへ変換しながらエクスポートするために使用します。
列挙型の属性で、要素がまだ、あるいはもはや関連性がないことを示します。例えば、ログイン処理が完了するまで使えない要素を隠すために使用できます。ブラウザーはこの要素を表示しません。この属性は、表示することが正当なコンテンツを隠すために使用してはいけません。
文書全体で一意でなければならない識別子 (ID) を定義します。(フラグメント識別子を使った) リンク、スクリプト、 (CSS での) スタイルづけなど要素を特定するために使用されます。
ブラウザーがその要素に対するユーザー入力イベントを無視するようにする論理値です。クリックイベントが存在している場合に有用です。
この要素やその内容を編集する時に使用する仮想キーボードの種類の構成に関するヒントをブラウザーに与えます。主に <input> 要素で使用されますが、 contenteditable モードにあるすべての要素で使用することができます。
標準の HTML 要素が、登録したカスタマイズされた組み込み要素のようにふるまうように指定することができます（詳しくはカスタム要素の使用を参照）。
メモ: item* 属性は、 WHATWG HTML Microdata 仕様の一部です。
項目にプロパティを追加するために使用します。すべての HTML 要素で itemprop 属性を指定することができ、この itemprop は名前と値の組で構成されます。
itemscope 属性を持つ要素の子孫以外のプロパティは、 itemref を使用して項目に関連付けることができます。文書中の他の場所で追加のプロパティがある要素の id (itemid ではない) の一覧を提供します。
itemscope は (通常) itemtype とともに、ブロックに含まれている HTML が特定の項目に関するものであることを指定します。 itemscope は項目を作成し、それに関連付けられる itemtype のスコープを定義します。 itemtype は、項目やそのプロパティの文脈を説明する語彙 (schema.org など) の有効な URL です。
データ構造内の itemprop （項目のプロパティ）を定義するために使う、語彙の URL を指定します。 itemscope は、 itemtype で設定した語彙がデータ構造内でアクティブになるスコープを設定するために使用します。
要素の言語を定義します。編集不可能な要素を記述している言語、または編集可能な要素に記述されるべき言語を定義します。この属性の値には、有効なBCP 47 言語タグを指定してください。xml:lang はこの要素より優先します。
暗号学的ノンス ("number user once") で、コンテンツセキュリティポリシーが取得を許可するかどうかを決定するために使用することがあります。
要素のパート名の空白区切りによるリストです。パート名を利用すると、 CSS がシャドウツリー内にある特定の要素を ::part 擬似要素を使用することで選択し、スタイル付けすることができます。
要素をポップオーバー要素として指定するために使用します（ポップオーバーAPI 参照）。ポップオーバー要素は、呼び出す/コントロール要素（すなわち、popovertarget属性を持つ <button> や <input type="button">）、または HTMLElement.showPopover() 呼び出しによって開かれるまで、 display: none によって非表示になります。
ロールはコンテンツの意味づけを定義し、スクリーンリーダーや他のツールが、その種類のオブジェクトに対するユーザーの期待に沿った方法でオブジェクトを表示し、対話を支援することを可能にします。ロールは role="role_type" を使って HTML 要素に追加します。ここで role_type は ARIA 仕様書でのロールの名前です。
シャドウ DOM のシャドウツリー内のスロットを、要素に割り当てます。slot 属性を持つ要素は、 slot 属性の値と一致する name 属性の値を持つ <slot> 要素が生成したスロットに割り当てられます。
列挙型属性で、要素でスペルチェックを行うかどうかを定義します。以下の値が利用できます。