フレーズをグループ化する

span

< span スパン >~ < /span >

span要素は特定の意味を持ちませんが、class、lang、dir属性といったグローバル属性と組み合わせることで、内包するフレーズをグループ化できます。ブロック単位で同様の役割を持つ要素としてdiv要素があります。

カテゴリー ・パルパブルコンテンツ
・フレージングコンテンツ
・フローコンテンツ
コンテンツモデル フレージングコンテンツ
使用できる文脈 フレージングコンテンツが期待される場所
カテゴリーとコンテンツモデル

使用できる属性

グローバル属性

すべての要素で使用できる属性です。
グローバル属性とイベントハンドラ属性

サンプルコード

HTML
<p>
  <span class="place">渋谷駅</span>から玉川通りを西に向かうと、
  <span class="place">道玄坂上</span>の交差点にたどり着きますが、
  その角にコンビニエンスストア、<span class="shop">サンプルマート道玄坂上店</span>が見えてきます。
</p>
CSS
.place {color: red; } 
.shop {color: blue; }

関連記事