We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

<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 あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり

関連情報

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

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