<span>

ジャンプ先:
  1. 属性
  2. 例 1
  3. 例 2
  4. 仕様書
  5. ブラウザーの対応
  6. 関連情報

HTML の <span> 要素は、記述コンテンツの汎用的な行内コンテナーであり、何かを表すものではありません。スタイル付けのため (class または id 属性を使用して)、または lang のような属性値を共有したりするために要素をグループ化する用途で使用することができます。他に適切な意味的要素がない時にのみ使用してください。 <span> は <div> 要素ととても似ていますが、 <div> がブロックレベル要素であるのに対し、 <span> はインライン要素です。

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

属性

この要素にはグローバル属性のみがあります。

例 1

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

結果

Some text

例 2

HTML

<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> の定義		 勧告  

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
spanChrome 完全対応 ありEdge 完全対応 ありFirefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

完全対応  
完全対応

関連情報

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

タグ: 
このページの貢献者: mdnwebdocs-bot, mfuji09, yyss, ethertank
最終更新者: mdnwebdocs-bot,