概要

HTML <span> 要素は、何か特定のセマンティクスを表すものではない、フレージング・コンテンツのための汎用コンテナーです。CSS によるスタイリングの用途等で、要素のグループ化が必要な場合に用います。class 属性か id 属性、lang 属性等とともに使われます。セマンティクス上で他に適切な要素がある場合はそちらを使用して下さい。<span><div> 要素と非常に似た役割を持っています。<div> 要素が ブロックレベル要素 の汎用コンテナーであるのに対し、<span> 要素は インラインレベル要素 のための汎用コンテナーの役割を果たします。

コンテンツカテゴリー フローコンテンツフレージングコンテンツ
許可された内容 フレージングコンテンツ
タグの省略 不可。開始と終了タグの両方が必要。
許可された親要素 フレージングコンテンツ を受け入れるすべての要素。フローコンテンツ を受け入れるすべての要素。
許可された ARIA ロール すべて
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:

li span {
    background: gold;
}

結果

仕様

仕様書 策定状況 コメント
HTML Living Standard
<span> の定義
現行の標準  
HTML5
<span> の定義
勧告 DOM インターフェイスを HTMLSpanElement に変更
HTML 4.01 Specification
<span> の定義
勧告  

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本サポート (有り) (有り)1 (有り) (有り) (有り)
機能AndroidChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
基本サポート (有り) (有り) (有り)4 (有り) (有り) (有り)

関連情報

ドキュメントのタグと貢献者

 このページの貢献者: yyss, ethertank
 最終更新者: yyss,