class=class - クラスの適用

トップ > HTMLリファレンス > class=class

属性

<タグ名 class=class> - クラスの適用

説明

要素に、スタイルシートで定義したクラスを適用します。スタイルシートに関しては「とほほのスタイルシート入門」を参照してください。

クラス名に使用可能な文字(使用不可能な文字)については特に記述がないのですが、半角英数字を用いておくのが無難でしょう。ハイフン(_)を含むクラス名は、Internet Explorer でうまく解釈されないことがあります。

id 属性とclass 属性の違いについてですが、id 属性は要素に一意の識別子を割り当てるものであるのに対して、class は、スタイルシートなどで定義したクラスに要素を関係つけるものです。文書内に、同じ ID を持つ複数の要素は存在しないのが普通ですが、同じクラスに関係づけられた複数の要素は存在します。

HTML
○ <div class="c1">...</div>
○ <div class="c1">...</div>   // 複数の要素に同じ class 名をつけるのは OK
○ <div id="c2">...</div>
× <div id="c2">...</div>      // 複数の要素に同じ id をつけるのは NG

使用例

HTML
<html>
<head>
<title>テスト</title>
<style>
.title { color:red }
</style>
</head>
<body>
<h1 class="title">あいうえお</h1>
</body>
</html>
表示

あいうえお

関連項目

id=id

Copyright (C) 2000-2017 杜甫々
初版:2000年10月9日 最終更新:2017年12月31日
http://www.tohoho-web.com/html/attr/class.htm