グローバル属性

グローバル属性とは、どの要素にもでも指定することができる属性のことです。HTML5から登場した概念で、それまでのバージョンでも利用されていた、accesskey属性、class属性、dir属性、id属性、lang属性、style属性、tabindex属性、title属性と、HTML5以降に追加されたいくつかの属性から成ります。

属性名	説明
accesskey	要素にショートカットキーを割り当てる属性。
class	要素に分類名（種類）を指定する属性
contenteditable	要素の内容を編集可能かを指定する属性 HTML5で追加
contextmenu	要素を右クリックした時のメニューを指定する属性 HTML5.1で追加
dir	要素内テキストの表記方向をしていする属性
draggable	要素をドラッグ可能かを指定する属性 HTML5.1で追加
dropzone	要素をドロップ時の挙動を指定する属性 HTML5.1で追加
hidden	要素が無関係であることを示す属性 HTML5で追加
id	要素に固有の名前を指定する属性。
lang	要素内の言語を指定する属性。
spellcheck	要素内をスペルチェックするかを指定する属性。 HTML5で追加
style	要素にCSSを指定する属性。
tabindex	要素にTABキーで移動する順序を指定する属性。
title	要素に補足情報を指定する属性。
translate	ローカライズ時に要素に翻訳するかを指定する属性。 HTML5で追加
data-*	要素にカスタムデータを指定する属性。 HTML5で追加

HTML5より前のバージョンでの注意点

グローバル属性はHTML5からの概念になります。それまでのバージョンでの、accesskey属性、class属性、dir属性、id属性、lang属性、style属性、tabindex属性、title属性には、指定できない要素もあります。

属性名	指定できる要素
accesskey	`<a>、<area>、<button>、<input>、<label>、<legend>、<textarea>` のみ
class	`<base>、basefont>、head>、html>、meta>、param>、script>、style>、title>` 以外の要素
dir	`<applet>、base>、basefont>、bdo>、br>、frame>、frameset>、iframe>、param>、 script>` 以外の要素
id	`<base>、<head>、<html>、<meta>、<script>、<style>、<title>` 以外の要素
lang	`<applet>、<base>、<basefont>、<br>、<frame>、<frameset>、<iframe>、<param>、<script>` 以外の要素
style	`<base>、<basefont>、<head>、<html>、<meta>、<param>、<script>、<style>、<title>` 以外の要素
tabindex	`<a>、<area>、<button>、<input>、<object>、<select>、<textarea>` のみ
title	`<base>、<basefont>、<head>、<html>、<meta>、<param>、<script>、<title>` 以外の要素