MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

class

class グローバル属性 は、要素のクラスを空白区切りで並べたリストです。クラスは CSS の クラスセレクター や JavaScript の DOM メソッド document.getElementsByClassName といった関数により、特定の要素を選択したり特定の要素にアクセスしたりすることを可能にします。

仕様書ではクラス名の要件を示していませんが、ウェブ開発者は要素の外見ではなく、セマンティックな目的を表す名前を使用することが推奨されます。例えば、あるクラスの要素が斜体で表示されるとしても、クラス名は斜体であることではなく特性を表すようにします。セマンティックな名前は、ページの外見を変更した場合でも論理的であり続けます。

仕様

仕様書 策定状況 コメント
WHATWG HTML Living Standard
class の定義
現行の標準 最新のスナップショットである HTML 5.1 から変更なし。
HTML 5.1
class の定義
勧告 WHATWG HTML Living Standard のスナップショットであり、HTML5 から変更はありません。
HTML5
class の定義
勧告 WHATWG HTML Living Standard のスナップショット。class 属性は、HTML 4.01 Specification よりも真にグローバルな属性になりました。
HTML 4.01 Specification
class の定義
勧告 <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 以降に限り、真にグローバルな属性です。

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss
 最終更新者: yyss,