1. Home
  2. HTMLタグ
  3. ページ全般タグ
  4. 範囲の指定(インライン)

範囲の指定(インライン)


<span></span>

ブラウザ
IE
Fx
Sf
Cr
O
分類
インライン要素
要素
span要素

span要素を使用すると、文章中の一部をインライン要素としてまとめることができます。



<span>まとまりとして扱われます</span>


div要素と似ていますが、span要素はインライン要素、div要素はブロックレベル要素に分類されます。

div要素span要素は、主にスタイルシート(CSS)と組み合わせて使用することになります。セクション単位でスタイルシートを適用したい場合はdiv要素を、文章中の一部にスタイルシートを適用したい場合はspan要素を使用します。

メモ

他の要素ではマークアップできない場合に、この要素を使用することになります。例えば、その範囲が「強調された部分」を意味するのであれば、この要素ではなくem要素、またはstrong要素を使用します。


使用例


<div style="width: 50%; padding: 10px; border: 1px #808080 solid;">

<p>div要素とspan要素の使用例です。<span style="color: gray;">(この例ではstyle属性を使用していますが、通常はclass属性、またはid属性を使用してスタイルを適用します)</span></p>

</div>

表示例

div要素とspan要素の使用例です。(この例ではstyle属性を使用していますが、通常はclass属性、またはid属性を使用してスタイルを適用します)


ページ全般タグ

ページの先頭へ


inserted by FC2 system