グローバル属性 - 全要素に共通して指定できる属性

グローバル属性(Global Attribute)とは、全ての要素に共通して指定できる属性のことです。

説明

例えば、class属性を見てみましょう。この属性は、a要素やspan要素、div要素やform要素、table要素と、全ての要素に指定することができます。このような属性を、グローバル属性と言います。

HTML

<!-- [class]はグローバル属性 -->
<a class="hoge">...</a>
<span class="hoge">...</span>
<div class="hoge">...</div>
<form class="hoge">...</form>
<table class="hoge">...</table>

一覧

下記は、グローバル属性の一覧です。2015年12月現在、ブラウザによっては実装されていない機能も少なくありません。

属性名説明
accesskeyショートカットキーを設定する。
class1つ以上のクラス名を設定する。半角スペースで区切って、複数指定可。
id1つのID名を設定する。
contenteditable要素の内容が編集可能か否かを設定する。
data-*[*]の部分に任意の名称を付けてカスタム属性を作れる。主にJavaScriptからアクセスするために利用する。
dirテキストの方向を設定する。
draggable要素がドラッグで移動できるか否かを設定する。
dropzoneドラッグ&ドロップでその要素にドロップした時に、データをどう受け入れるかを設定する。
hiddenその要素がまだ出番がない、または、もはや関連がないことを表す。この属性が付けられた要素は非表示になる。
lang言語を設定する。
spellcheckフォームなどにおいて、テキストのスペルや文法をチェックするか否かを設定する。
styleインラインのスタイルシートを設定する。
tabindexタブでフォーカスする時の順番を設定する。
titleタイトルを設定する。タイトルはホバーした時にツールチップで表示される。
translate翻訳サービスなどにかけた時、内容を翻訳対象にするか否かを設定する。

参考情報

  • Global attributes … W3Cの勧告。グローバル属性についての説明です。