class グローバル属性は、要素のクラスを空白区切りで並べたリストです。クラスは CSS のクラスセレクタや JavaScript の DOM メソッド document.getElementsByClassName といった関数により、特定の要素を選択したり特定の要素にアクセスしたりすることを可能にします。
仕様書ではクラス名の要件を示していませんが、Web 開発者は要素の外見ではなく、セマンティックな目的を表す名前を使用することが推奨されます (例えば、あるクラスの要素が斜体で表示されるとしても、クラス名は斜体であることではなく特性を表すようにします)。セマンティックな名前は、ページの外見を変更した場合でも論理的であり続けます。
仕様
| 仕様書 | 策定状況 | コメント |
|---|---|---|
| WHATWG HTML Living Standard The definition of 'class' in that specification. |
Living Standard | 最新のスナップショットである HTML5.1 から変更なし。 |
| HTML5.1 The definition of 'class' in that specification. |
草案 | WHATWG HTML Living Standard のスナップショットであり、HTML5 から変更はありません。 |
| HTML5 The definition of 'class' in that specification. |
勧告 | WHATWG HTML Living Standard のスナップショット。class 属性は、HTML 4.01 Specification よりも真にグローバルな属性になりました。 |
| HTML 4.01 Specification The definition of 'class' in that specification. |
勧告 | <base>、<basefont>、<head>、<html>、<meta>、<param>、<script>、<style>、<title> を除くすべての要素でサポートします。 |
ブラウザ実装状況
| 機能 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| 基本サポート | (有) | (有) [1] | (有) | (有) | (有) |
| 機能 | Android | Android 版 Chrome | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| 基本サポート | (有) | (有) | (有) [1] | (有) | (有) | (有) |
[1] class は Firefox 32 以降に限り、真にグローバルな属性です。
関連情報
- すべてのグローバル属性。