index.md

title	slug	l10n
<span>: コンテンツ区間要素	Web/HTML/Element/span	sourceCommit a46d4d15ea85b4bbb83df145228bc40f658868be

{{HTMLSidebar}}

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

{{EmbedInteractiveExample("pages/tabbed/span.html", "tabbed-shorter")}}

属性

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

例

例 1

HTML

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

結果

{{EmbedLiveSample('Example_1')}}

例 2

HTML

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

CSS

li span {
  background: gold;
}

結果

{{EmbedLiveSample('Example_2')}}

技術的概要

コンテンツカテゴリー	フローコンテンツ, 記述コンテンツ
許可されている内容	記述コンテンツ
タグの省略	なし。開始タグと終了タグの両方が必須です。
許可されている親要素	記述コンテンツを受け入れるすべての要素、またはフローコンテンツを受け入れるすべての要素。
暗黙の ARIA ロール	対応するロールなし
許可されている ARIA ロール	すべて
DOM インターフェイス	{{domxref("HTMLSpanElement")}}

仕様書

{{Specifications}}

ブラウザーの互換性

{{Compat}}

関連情報

• HTML の {{HTMLElement("div")}} 要素