span

機能

span 要素は、インライン要素として使用され、特定のテキストや他のインライン要素をグループ化するために使用されます。特に、CSS や JavaScript を使用して特定の部分にスタイルやスクリプトを適用する場合に便利です。span 要素自体には特定の意味やスタイルはありませんが、クラスや ID を使用してカスタマイズできます。

よく設定する属性（attribute）と値

class

CSS クラスを指定して、スタイルを適用します。
例: class=“highlight”

id

一意の ID を指定して、特定のスタイルやスクリプトを適用します。
例: id=“uniqueSpan”

style

インラインスタイルを直接指定します。
例: style=“color: red; font-weight: bold;”

使い方

class 属性を使用して、CSS クラスを適用し、テキストの色を青にし、太字にしています。

<style>
  .highlight {
    color: blue;
    font-weight: bold;
  }
</style>
<p>
  これは通常のテキストで、<span class="highlight">これは強調されたテキスト</span
  >です。
</p>