HTML グローバル属性

最終更新：2026-09-12

グローバル属性はすべての HTML 要素で使用できる属性です。要素の識別・スタイル・言語・操作方法などを定義し、セマンティックでアクセシブル、保守しやすい HTML を書く鍵となります。

コア識別属性

Global Attributes	Description
`id`	要素の一意な識別子で、同じページ内で重複できません。CSS セレクター・JavaScript の位置特定・アンカーリンクに使われます。
`class`	スペース区切りのクラス名リストで、CSS や JavaScript のセレクターに使われます。1 つの要素に複数の class を持てます。
`style`	タグに直接書くインライン CSS スタイルで、外部スタイルシートより優先されます。
`title`	ホバー時に表示されるツールチップテキスト。<abbr> や <iframe> などの要素に特に役立ちます。

Global Attributes	Description
`lang`	要素の内容の言語を宣言します（例：<code>lang="ja"</code>）。SEO とアクセシビリティに重要です。
`dir`	文字の方向：<code>ltr</code>（左から右、既定）または <code>rtl</code>（右から左、アラビア語/ヘブライ語用）。

Global Attributes	Description
`contenteditable`	要素の内容を編集可能にするか指定します：<code>true</code> または <code>false</code>。
`draggable`	要素をドラッグ可能にするか指定します：<code>true</code>・<code>false</code>・<code>auto</code>（既定）。
`hidden`	要素を非表示にします（<code>display:none</code> と同等）。描画されません。
`tabindex`	要素の Tab キーによる移動順を指定します。正の整数・<code>0</code>（フォーカス可能）・<code>-1</code>（Tab 不可だがプログラムでフォーカス可能）。
`accesskey`	要素にキーボードショートカット（1 文字）を割り当て、素早くフォーカス・操作できるようにします。
`spellcheck`	要素の内容をスペルチェックするか指定します：<code>true</code> または <code>false</code>。
`translate`	要素の内容をブラウザー/ツールが翻訳すべきか指定します：<code>yes</code> または <code>no</code>。
`inert`	要素とそのサブツリーを非インタラクティブにします（クリック不可・フォーカス不可・支援技術から隠す）。

Global Attributes	Description
`data-*`	ページ/アプリ固有のデータを保存するカスタムデータ属性で、<code>dataset</code> からアクセスできます。
`autofocus`	ページ読み込み後に要素へ自動フォーカスします。
`autocapitalize`	モバイルの仮想キーボードの自動大文字化を制御します：<code>none</code>・<code>sentences</code>・<code>words</code>・<code>characters</code>。
`enterkeyhint`	仮想キーボードの Enter キーに表示するラベルを指定します（<code>search</code>・<code>go</code>・<code>send</code>・<code>done</code> など）。
`inputmode`	仮想キーボードの種類を指定します（<code>numeric</code>・<code>email</code>・<code>tel</code>・<code>url</code> など）。
`nonce`	Content Security Policy（CSP）用の一度きりの乱数で、インラインスクリプトを許可する印です。
`slot`	要素を Shadow DOM 内のスロットに割り当てます。
`part`	要素に 1 つ以上の part 名を指定し、外部から CSS の <code>::part()</code> で Shadow DOM をスタイル付けします。
`popover`	要素のポップオーバー動作を指定します（<code>auto</code>・<code>manual</code>）。ネイティブのポップオーバー構築用です。
`is`	カスタム要素で、内蔵要素の拡張名を指定します。

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。