span 要素フレーズをグループ化する
span 要素は特定の意味を持ちませんが、class、lang、dir 属性といったグローバル属性と組み合わせることで内包するフレーズをグループ化することができます。
ブロック単位で同様の役割を持つ要素として div 要素があります。
span 要素の仕様
- カテゴリ
- コンテンツモデル
- この要素を使用できる文脈
フレージング・コンテンツが期待される場所
- この要素で使用できる属性
span 要素のサンプルソース
<p> <span class="place">渋谷駅</span>から玉川通りを西に向かうと、 <span class="place">道玄坂上</span>の交差点にたどり着きますが、 その角にコンビニエンスストア、<span class="shop">サンプルマート道玄坂上店</span>が見えてきます… </p>
主要ブラウザの対応
| IE11 | ○ |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |