<article lang="ja"><header><h1>&lt;span&gt;: コンテンツ区間要素</h1><details><summary><span role="img" aria-label="Baseline Check"></span><h2>Baseline <span>Widely available</span></h2><div><span title="Supported in Chrome and Edge"><span role="img" aria-label="Chrome check"></span><span role="img" aria-label="Edge check"></span></span><span title="Supported in Firefox"><span role="img" aria-label="Firefox check"></span></span><span title="Supported in Safari"><span role="img" aria-label="Safari check"></span></span></div><span></span></summary><div><p>This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.</p><ul><li><a data-glean="baseline_link_learn_more">Learn more</a></li><li><a data-glean="baseline_link_bcd_table">See full compatibility</a></li><li><a data-glean="baseline_link_feedback">Report feedback</a></li></ul></div></details></header><div><p><strong><code><span></span></code></strong> は <a>HTML</a> の要素で、記述コンテンツの汎用的なインラインコンテナーであり、何かを表すものではありません。スタイル付けのため（<a><code>class</code></a> または <a><code>id</code></a> 属性を使用して）、または <a><code>lang</code></a> のような属性値を共有したりするために要素をグループ化する用途で使用することができます。他に適切な意味的要素がない時にのみ使用してください。 <code><span></span></code> は <a><code><div></div></code></a> 要素ととても似ていますが、 <a><code><div></div></code></a> が<a>ブロックレベルの要素</a>であるのに対し、 <code><span></span></code> は<a>インラインレベルの要素</a>です。</p></div><section aria-labelledby="試してみましょう"><h2><a>試してみましょう</a></h2><div><iframe height="200" title="MDN Web Docs Interactive Example" allow="clipboard-write"></iframe></div></section><section aria-labelledby="属性"><h2><a>属性</a></h2><div><p>この要素には<a>グローバル属性</a>のみがあります。</p></div></section><section aria-labelledby="例"><h2><a>例</a></h2><div></div></section><section aria-labelledby="例_1"><h3><a>例 1</a></h3><div><h4>HTML</h4>
<div><div><span>html</span></div><pre data-signature="/1LifhEX+VZAZChGdanvRaMz9IOFdGLznGSZgB7uqcQ="><code><p><span>Some text</span></p>
</code></pre></div>
<h4>結果</h4><div><div></div><iframe title="例 1" sandbox="allow-same-origin allow-scripts"></iframe></div></div></section><section aria-labelledby="例_2"><h3><a>例 2</a></h3><div><h4>HTML</h4>
<div><div><span>html</span></div><pre data-signature="TJk3cIEcJaKZMyjoC3Vr9HJa3XPVT86AqoXZzXKe8MU="><code><li>
  <span>
    <a>See my portfolio</a>
  </span>
</li>
</code></pre></div>
<h4>CSS</h4>
<div><div><span>css</span></div><pre data-signature="CZUYCNVTUsHBcMNtifZGz3xxQNKn5otdoJ7UlA9rzuw="><code>li span {
  background: gold;
}
</code></pre></div>
<h4>結果</h4><div><div></div><iframe title="例 2" sandbox="allow-same-origin allow-scripts"></iframe></div></div></section><section aria-labelledby="技術的概要"><h2><a>技術的概要</a></h2><div><figure><table>
  <tbody>
    <tr>
      <th scope="row"><a>コンテンツカテゴリー</a></th>
      <td>
        <a>フローコンテンツ</a>,
        <a>記述コンテンツ</a>
      </td>
    </tr>
    <tr>
      <th scope="row">許可されている内容</th>
      <td><a>記述コンテンツ</a></td>
    </tr>
    <tr>
      <th scope="row">タグの省略</th>
      <td>なし。開始タグと終了タグの両方が必須です。</td>
    </tr>
    <tr>
      <th scope="row">許可されている親要素</th>
      <td><a>記述コンテンツ</a>を受け入れるすべての要素、または<a>フローコンテンツ</a>を受け入れるすべての要素。</td>
    </tr>
    <tr>
      <th scope="row">暗黙の ARIA ロール</th>
      <td><a>対応するロールなし</a></td>
    </tr>
    <tr>
      <th scope="row">許可されている ARIA ロール</th>
      <td>すべて</td>
    </tr>
    <tr>
      <th scope="row">DOM インターフェイス</th>
      <td><a><code>HTMLSpanElement</code></a></td>
    </tr>
  </tbody>
</table></figure></div></section><h2><a>仕様書</a></h2><table><thead><tr><th scope="col">Specification</th></tr></thead><tbody><tr><td><a>HTML Standard <br><small># the-span-element</small></a></td></tr></tbody></table><h2><a>ブラウザーの互換性</a></h2><p>BCD tables only load in the browser<noscript> with JavaScript enabled. Enable JavaScript to view data.</noscript></p><section aria-labelledby="関連情報"><h2><a>関連情報</a></h2><div><ul>
  <li>HTML の <a><code><div></div></code></a> 要素</li>
</ul></div></section></article>

適切な意味的要素がない時にのみ使用する

スタイル付けのためだけに使用する

ブロックレベル要素として使用する

インラインレベルの要素である

開始タグと終了タグが省略可能である

記述コンテンツを受け入れるすべての要素

フローコンテンツを受け入れるすべての要素

すべてのARIAロールが許可される

特定のロールのみが許可される