グローバル属性

HTMLタグに付加情報を与えることができる「属性」のうち、HTMLタグの種類によらずにほとんどのものに付加できる属性のこと。

代表的なものには、JavaScriptなどで利用される「id属性」や、CSSなどで利用される「class属性」などの他、次のような種類があります。

id	その要素の固有のID情報を与えます。CSSやJavaScriptで要素を特定したりリンク先として指定することができます
class	CSS等で利用される「クラス」を付加できます
hidden	要素を隠すことができます
contenteditable	コンテンツをユーザーが編集可能な状態にします
data-*	「カスタムデータ属性」と呼ばれ、JavaScript等で利用されます
draggable	要素をドラッグ可能にするかを指定できます
accesskey	キーボードショートカットを生成しますが、実際には対応しているWebブラウザが少なく、利用される機会はほとんどありません
autocapitalize	ユーザーが入力した文章を大文字にしたり、小文字にすることができます。 off（大文字にしない）/on（文の最初の文字を大文字にする）/words（語の最初の文字を大文字にする）/characters（すべて大文字にする）から指定します
autofocus	ページの読み込み時などに、これが指定されている要素に自動的に「フォーカス」が移動します。例えば検索窓などに指定することで、すぐに検索ができる状態になります
lang	言語を指定します（例：en=英語, ja=日本語）
role	スクリーンリーダーなど向けに、その要素の役割などを指定できます
style	CSSを直接指定することができます
tabindex	タブキーでフォーカスを移動するときの順番を指定できます
title	要素のヒントを指定できます。マウスカーソルを重ねたりすると、表示されることがあります
dir	テキストの方向を指定します。日本語や英語などは左から右に流れる「ltr」ですが、アラビア語などの言語では右から左に流れる「rtl」の場合があり、その場合はこれを指定します。通常は「auto」が指定されていて、Webブラウザが自動的に判断します
enterkeyhint	仮想キーボードが表示される環境で、Enterキー部分に表示するラベルを指定できます
inert	「不活性」といった意味の英単語で、その要素のクリックイベント、フォーカスイベントなどを無効化し、利用できなくします
inputmode	仮想キーボードが表示される環境で、どのようなキーボードを表示するかをします
is	JavaScriptと組み合わせることで、要素を別の要素に振る舞わせることができます
nonce	「暗号化ノンス」というものを指定するもので、セキュリティの設定で使われます
part	CSSで利用できる「パート名」というものを指定します
slot	JavaScriptで利用される「スロット」というものを指定できます
spellcheck	スペルチェックを行うかを指定します
virtualkeyboardpolicy	contenteditable属性を利用している要素で、仮想キーボードの動作を制御できます