HTML クラス

HTMLのクラス(class)は、要素に特定のスタイルや動作を適用するための識別子です。クラスを使用することで、同じスタイルを複数の要素に適用したり、JavaScriptで要素を操作したりすることができます。

クラスはCSSと密接に関連しており、CSSファイル内でクラスを指定してスタイルを定義することが一般的です。HTML要素にクラスを適用するには、class属性を使用します。

<p class="red-text">赤色のテキスト</p>
<div class="container">
  <p>ここにコンテンツが入ります。</p>
</div>

上記の例では、class="red-text"というクラスが赤色のテキストスタイルを定義し、class="container"というクラスが要素のコンテナを示しています。

複数のクラスを1つの要素に追加することも可能で、スペースで区切って列挙します。たとえば、class="box border-box"というようにします。

クラスを使用することで、HTML文書の各要素に特定のスタイルや機能を追加することができ、柔軟で効率的なデザインを実現することができます。