HTML/idとclass

出典: フリー教科書『ウィキブックス(Wikibooks)』
ナビゲーションに移動 検索に移動

概説[編集]

id属性とclass属性は要素に名前を与える。このことから要素識別子などと呼ばれることがある。要素の指定がHTMLの表示に直接影響を与えることはないが、特定の要素を参照する必要がある際に使われることが多い。これらの属性はほとんど全ての要素に対して割り当てることができる。

id属性
id属性はある要素に対して固有の名前を与える。つまり、ひとつの文書中に複数の同じ値が出現してはならない。このためアンカー付きハイパーリンクのラベルとして使用することも可能となっている。もしも同じIDを使ってしまった場合はどちらかのid属性値を書き換える必要がある。
class属性
class属性は要素の種類や分類を現すためのもの。複数個所に指定することが可能となっているが、単独としての効果は全くなくCSSなどと組み合わせることでその効果を発揮する。

idとclass属性値の文法[編集]

id属性の値に使える文字は、最初の一文字がアルファベット、2文字目以降がアルファベット、数字、ハイフン、アンダースコア、コロン、ピリオドである。また、大文字と小文字は区別される(「A」と「a」は別の値である)。最初の一文字に数字を使った場合Internet Explorerなどの一部ブラウザはこれを認識するが、Mozillaなど標準仕様に準拠しウェブページのソースを厳密に解釈するブラウザではこれを認識しない。