HTMLのグローバル属性

HTMLのグローバル属性とは、すべての要素に共通する属性である。すべてのHTMLタグに指定することができる。

グローバル属性の一覧

  1. accesskey
  2. class
  3. contenteditable
  4. data-*
  5. dir
  6. draggable
  7. hidden
  8. id
  9. lang
  10. onblur
  11. onchange
  12. onclick
  13. oncontextmenu
  14. ondblclick
  15. onfocus
  16. onkeydown
  17. onkeypress
  18. onkeyup
  19. onmousedown
  20. onmousemove
  21. onmouseout
  22. onmouseover
  23. onmouseup
  24. onselect
  25. spellcheck
  26. style
  27. tabindex
  28. title
  29. translate

accesskey

アクセスキーを指定する。

class

CSS のクラスを指定する。

contenteditable

要素が編集可能かどうかをtrue又はfalseで指定する。空文字を指定した場合はtrueを指定したのと同じである。

data-*

独自の属性を定義できるカスタムデータ属性

dir

方向を指定する。

draggable

要素がドラッグ可能かどうかをtrue、false又はautoで指定する。

hidden

要素を隠すかどうかをtrue又はfalseで指定する。

id

要素の識別子を指定する。

lang

言語を指定する。

onblur

要素が入力フォーカスを失ったときに実行される JavaScript を指定する。

onchange

テキストが(部分的にでも)選択されたときに実行する JavaScript を指定する。

onclick

マウスがクリックされたときに実行するJavaScript を指定する。

oncontextmenu

要素上でマウスの右ボタンをクリックしたときに実行する JavaScript を指定する。

ondblclick

要素がマウスでダブルクリックされたときに実行する JavaScript を指定する。

onfocus

要素がフォーカスを得たときに実行する JavaScript を指定する。

onkeydown

キーを押したときに実行する JavaScript を指定する。

onkeypress

キーを押して離したときに実行する JavaScript を指定する。

onkeyup

キーを離したときに実行する JavaScript を指定する。

onmousedown

マウスのボタンが押下されたときに実行する JavaScript を指定する。

onmousemove

マウスポインタを要素内で動かしたときに実行する JavaScript を指定する。

onmouseout

マウスポインタを要素内から要素外に動かしたときに実行する JavaScript を指定する。

onmouseover

マウスカーソルが乗ったときに実行する JavaScript を指定する。

onmouseup

マウスのボタンを押下した後で離すときに実行する JavaScript を指定する。

onselect

テキストが(部分的にでも)選択されたときに実行する JavaScript を指定する。

spellcheck

要素に対してスペル(綴り)と文法をチェックするかどうかをtrue又はfalseで指定する。

ウェブブラウザにスペルチェックの機能がある場合、要素の spellcheck 属性に false を指定すると、その箇所はスペルチェックの対象外になる。

なお、スペルチェックを有効にするには、ウェブブラウザ側で設定が必要になる場合がある。たとえば、Google Chrome であれば、[設定] - [言語] から [ウェブページにテキストを入力するときにスペルミスがないか確認する] を ON に設定する。

図1 Chromeの言語設定

スペルチェックを有効にしたテキストエリアを以下に示す。

<textarea lang="en" spellcheck="true"><textarea>

スペルチェックを無効にしたテキストエリアを以下に示す。

<textarea lang="en" spellcheck="false"><textarea>

style

CSS のプロパティを指定する。

tabindex

タブインデックスを指定する。

title

タイトルを指定する。

translate

要素を翻訳すべきかどうかをyes又はnoで指定する。