span とは
- ここで説明する span とは次の語句からなる HTML の要素です。
- span
- 読み: スパン
意味: 全長、端から端までの長さ
span 要素の概要
この要素は、記述コンテンツの汎用的な行内コンテナーです。
span には、マークアップとしての意味はなく、主にテキストにスタイル付けするために使用される要素です。 スタイル付けをするためには span 要素に限らず、他の要素も class 属性や id 属性 をつけて CSS で設定することが多いですが、 style 属性 を使って、直接のスタイル付けをすることもできます。
この要素には、開始タグと終了タグが必要です。
<span> </span>
span 要素はインラインコンテナーですが、 ブロックコンテナーとしては、 div 要素があります。
サンプルコードと実行結果
このサンプルコードでは span 要素に style 属性を付けてテキストの色を赤に設定してみました。
サンプルコード: HTML
<body>
<div>
記述コンテンツのサンプル
< span style="color: ##red;">
span 要素内のテキスト
< /span>
記述コンテンツのサンプル
</div>
</body>
記述コンテンツのサンプル
span 要素内のテキスト
記述コンテンツのサンプル