<span>タグについて
<span>とは？
<span>タグは、HTMLにおける汎用のインライン要素です。
文章の一部分やインライン要素をグループ化し、CSSやJavaScriptでスタイルや操作を適用したいときに使われます。
基本構文
<span>ここに対象のテキストや要素</span>
主な用途
- テキストの一部にスタイルを適用
- 特定の箇所だけ色やサイズを変える
- JavaScriptで動的に処理する対象を指定
使用例
<p>
本日は<span style="color:red;">特売日</span>です。
</p>
主な属性
- class：CSSスタイルを適用するためのクラス名
- id：一意の識別子（JavaScriptなどで使用）
- style：インラインでのスタイル指定
CSSと組み合わせた例
<style>
.highlight {
background-color: yellow;
font-weight: bold;
}
</style>
<p>これは<span class="highlight">重要</span>な情報です。</p>
divとの違い
| タグ |
タイプ |
用途 |
| <div> |
ブロック要素 |
大きなレイアウトやコンテナ |
| <span> |
インライン要素 |
文章の一部の装飾や制御 |
注意点
<span>自体に意味はない（あくまでスタイルや処理対象のため）- 使いすぎるとコードが読みにくくなるため、
classやidで意味づけする
- 複数の
<span>を使うときはスタイル管理をCSSにまとめるとよい
まとめ
<span>は汎用的なインライン要素- テキストの一部にスタイルや処理を加えるときに使う
- CSSやJavaScriptとの連携で効果を発揮
classやid属性とセットで使うことが多い- ブロック要素でまとめたい場合は
<div>を使う
