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ǔ)義上的空白。
點(diǎn)擊加載更多評(píng)論>>