We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

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

仕様策定状況

仕様書 策定状況 コメント
HTML Living Standard
class の定義
現行の標準 最新のスナップショットである HTML 5.1 から変更なし。
HTML 5.1
class の定義
勧告 HTML Living Standard のスナップショットであり、HTML5 から変更はありません。
HTML5
class の定義
勧告 HTML Living Standard のスナップショット。class 属性は、HTML 4.01 Specification よりも真にグローバルな属性になりました。
HTML 4.01 Specification
class の定義
勧告 <base><basefont><head><html><meta><param><script><style><title> を除くすべての要素でサポートします。

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり あり32 あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり32 あり あり あり

関連情報

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

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