span 要素

概要

この要素は、何か特定のセマンティクスを表すものではない、フレージング・コンテンツの為の汎用コンテナです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。多くの場合、 class 属性か id 属性、lang 属性等と共に使われます。セマンティクス上で他に適切な要素がある場合はそちらを使用して下さい。

<span> は <div> 要素と非常に似た役割を持っています。 <div> 要素がブロックレベル要素の汎用コンテナであるのに対し、<span> はインラインレベル要素の為の汎用コンテナの役割を果たします。

• コンテンツカテゴリ フローコンテンツ、フレージングコンテンツ
• 許可された内容 フレージングコンテンツ
• タグの省略 不可。開始と終了タグの両方が必要。
• 許可された親要素 フレージングコンテンツを受け入れるすべての要素。また、フローコンテンツを受け入れるすべての要素。
• DOM インターフェイス HTMLSpanElement (HTML 5 より前は HTMLElement)

属性

他の全ての要素と同様に、この要素はグローバル属性を持ちます。

例 1

<p><span>Some text</span></p>

結果

Some text

例 2

<li><span>
    <a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>

CSS:

結果

•     See my portfolio

仕様

ブラウザ実装状況

関連情報

• <div>