WEB技術の辞書・解説・使用例

TOP > HTML >  HTMLタグ辞典 >  <span>
<span>  定番 

インライン要素として扱います。

基本的にHTMLのタグは文章構造にのみ用い、文字の色・デザイン・レイアウトなど見栄えに関する事はSPANタグやDIVタグなどを用い、スタイルシートで行うことが推奨されています。

<SPAN>タグや<DIV>タグはそれ自体あまり意味を持ちませんが、スタイルシートを用いたレイアウトで利用されます。

<SPAN>タグ（インライン要素）の例

<span>あいうえお</span>
<span>かきくけこ</span>
あいうえおかきくけこ

<SPAN>タグ（インライン要素）の例

<span style="background-color:skyblue;border:1px solid silver;">赤色のインライン</span>
<span style="background-color:pink;border:1px solid silver;font-weight:bold;">青色のインライン</span>
赤色のインライン青色のインライン

<DIV>タグ（ブロック要素）の例

<div style="background-color:skyblue;">青色のブロック</div>
<div style="background-color:pink;">赤色のブロック</div>
青色のブロック
赤色のブロック

HTMLの一般属性

属性説明
class="～"クラス名を指定。使用例
id="～"IDを指定します。使用例
style="～"スタイルシートを直接記述。使用例
title="～"タイトルを指定します。
dir="ltr|rtl"文字の表示方向を指定。 ltr(左から右)、rtl(右から左)
lang="～"言語を指定。日本語の場合は"ja"