span 要素

4.6.25 span 要素

カテゴリー
フロー・コンテンツ
フレージング・コンテンツ
この要素を使うことができるコンテキスト：
フレージング・コンテンツが期待される場所
コンテンツ・モデル：
フレージング・コンテンツ
コンテンツ属性：
グローバル属性
DOMインタフェース：
interface HTMLSpanElement : HTMLElement {};

span 要素は、これ自身では何も意味を持ちませんが、class, lang, dir などのグローバル属性と組み合わせて使うことで役に立ちます。この要素は、その子を表します。

この例では、コード・フラグメントが span 要素と class 属性を使ってマークアップされ、そのキーワードと識別子が CSS から色分けできるようになっています：

<pre><code class="lang-c"><span class="keyword">for</span> (<span class="ident">j</span> = 0; <span class="ident">j</span> &lt; 256; <span class="ident">j</span>++) {
  <span class="ident">i_t3</span> = (<span class="ident">i_t3</span> & 0x1ffff) | (<span class="ident">j</span> &lt;&lt; 17);
  <span class="ident">i_t6</span> = (((((((<span class="ident">i_t3</span> >> 3) ^ <span class="ident">i_t3</span>) >> 1) ^ <span class="ident">i_t3</span>) >> 8) ^ <span class="ident">i_t3</span>) >> 5) & 0xff;
  <span class="keyword">if</span> (<span class="ident">i_t6</span> == <span class="ident">i_t1</span>)
    <span class="keyword">break</span>;
}</code></pre>

※ 原文：http://www.w3.org/TR/2011/WD-html5-20110525/text-level-semantics.html#the-span-element