HTMLのclass属性
例
HTMLドキュメント内のclass属性を使用します。
<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>このチュートリアル(w3big.com)</タイトル>
<スタイル>
h1.intro {色:青;}
p.important {色:緑;}
</スタイル>
</ HEAD>
<ボディ>
<H1クラス= "イントロ"> 1 </ H1>の見出し
<P>段落。 </ P>
<Pクラス= "重要">注:これは非常に重要な段落です。 :) </ P>
</ BODY>
</ HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>このチュートリアル(w3big.com)</タイトル>
<スタイル>
h1.intro {色:青;}
p.important {色:緑;}
</スタイル>
</ HEAD>
<ボディ>
<H1クラス= "イントロ"> 1 </ H1>の見出し
<P>段落。 </ P>
<Pクラス= "重要">注:これは非常に重要な段落です。 :) </ P>
</ BODY>
</ HTML>
»をお試しください
この章で後述するより多くの例があります。
ブラウザのサポート
すべての主要なブラウザは、クラス属性をサポート
定義と使用法
クラス属性は、要素のクラス名を定義します。
クラスプロパティは、典型的には、スタイルシートのクラスを指すように使用されます。 しかし、また、HTML要素のクラス名を変更するために、(HTML DOMを介して)JavaScriptで使用することができます。
HTML 4.01とHTML5との違い
HTML5では、クラス属性は、(それが任意のHTML要素ことを確認し、必ずしも有用ではないだろう)任意のHTML要素のために使用することができます。
<ベース>、<HEAD>、<HTML>、<メタ>、の<param>、<スクリプト>、<スタイル>、および<タイトル>:HTML 4.01では、クラス属性を使用することはできません。
文法
<要素クラス= "クラス名">
プロパティ値
値 | 説明 |
---|---|
クラス名 | これは、クラス要素の名前を指定します。 要素は複数のクラスを定義するために、クラス名は、スペースで区切られています。 <スパンクラス= "重要な左">。HTML要素は、複数のクラスを使用することができます。 ルールに名前を付けます:
|
より多くの例
要素の複数のクラスを追加します。
HTML要素はどのように複数のクラスを追加します。
HTMLグローバル属性