Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<span> 要素は汎用のインラインコンテナで、固有のセマンティクスを持ちません。CSSやJavaScriptでの操作対象として使用します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 1+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 1+
Firefox Android 4+

基本構文

HTML
<p>テキストの<span style="color: red">一部を赤く</span>表示します。</p>
<p>価格: <span class="price">¥1,200</span></p>

実務での使いどころ

  • <span> の活用

    汎用のインラインコンテナ要素。セマンティックな意味を持たないテキストの装飾に使用。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。