HTMLリファレンスマニュアル

HTMLタグ全書

HTMLのclass属性

グローバル属性classの値は、スペースで区切られた要素のクラス名（classes）リストで、CSSやJavaScriptがクラスセレクタ（class selectors）やDOMメソッド（document.getElementsByClassName）を通じて特定の要素を選択しアクセスするために使用されます。

HTML 全局属性

オンラインサンプル

HTMLドキュメントでclass属性を使用する方法：

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基础教程网(oldtoolbag.com)</title>
<style>
h1.intro　{
　　　　color:　blue;
}
p.important　{
　　　　color:　green;
}
</style>
</head>
<body>
<h1　class="intro">Header　1</h1>
<p>A　paragraph.</p>
<p　class="important">Note　that　this　is　an　important　paragraph.　:)</p>
</body>
</html>

テストを見てみましょう ‹/›

classの命名には特に要求はありませんが、ウェブ開発者は、要素の表示名ではなく、要素の意味や目的を表す名前を使用する方が良いです（たとえば、要素がイタリック体であれば、classの命名もitalicsではありません）。意味のある命名は、ページの表示が変わっても論理的です。

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要なブラウザがclass属性をサポートしています。

定義と使用法

class属性は、要素のクラス名を定義します。

class属性は、要素に1つまたは複数のクラス名を指定します。

class属性は通常、スタイルシートのクラスを指すために使用されますが、JavaScript（HTML DOMを通じて）は、指定されたクラスを持つHTML要素を変更することもできます。

HTML 4.01 HTML5の違い

HTML では、5 では、class 属性はどの HTML 要素でも使用できます（それが）どの HTML 要素でも検証できますが、常に有用ではありません）。

HTML では、 4.01 では、class 属性は以下の用途に使用できません： <base>, <head>, <html>, <meta>, <param>, <script>, <style>, および <title>。

文法

　　 <element>

属性値

値	説明
classname	クラスの名前を指定します。複数のクラスを指定する場合、クラス名をスペースで区切ります。 <span>. HTML 要素は複数のクラスを使用することができます。名前の規則： A で始まる必要があります-Z または a-z で始まる以下の文字が使用できます：（A-Za-、および数字（0）-9、およびキャロル（"-"）-、および下線（"_") HTML では、クラス名は大文字小文字を区別します

さらに例

要素に複数のクラスを追加する
HTML 要素に複数のクラスを追加する方法

HTML 全局属性

HTML: <template> タグ