HTML5文本 描述性信息 修飾

■知識(shí)點(diǎn)

    span是沒(méi)有任何語(yǔ)義的行內(nèi)元素，適合包裹短語(yǔ)、流動(dòng)對(duì)象等內(nèi)容，而div適合包含塊級(jí)內(nèi)容。如果希望為行內(nèi)對(duì)象應(yīng)用下面項(xiàng)目，則可以考慮使用span元素。

    HTML5屬性，如 class、dir、id、lang、title 等。

    CSS 樣式。

    JavaScript 腳本。

■實(shí)例設(shè)計(jì)

下面的示例使用span元素為行內(nèi)文本“HTML”應(yīng)用CSS樣式，設(shè)計(jì)其顯示為紅色。

    <style type="text/css">

    .red { color: red; }

    </style>

    <p><span class="red">HTML</span>是通向 Web 技術(shù)世界的鑰匙。</p>

    在上面示例中，想對(duì)一小塊文字指定不同的顏色，但從句子的上下文看，沒(méi)有一個(gè)語(yǔ)義上適合的HTML元素，因此額外添加了span元素，定義一個(gè)類(lèi)樣式。

■小結(jié)

    span沒(méi)有語(yǔ)義，也沒(méi)有默認(rèn)格式，用戶(hù)可以使用CSS添加類(lèi)樣式?？梢詫?duì)一個(gè)span元素同時(shí)添加class和id屬性，兩者區(qū)別：class用于一組元素，而id用于頁(yè)面中單獨(dú)的、唯一的元素。在HTML5中，沒(méi)有提供合適的語(yǔ)義化元素時(shí)，微格式經(jīng)常使用span為內(nèi)容添加語(yǔ)義化類(lèi)名，以填補(bǔ)語(yǔ)義上的空白。