HTML <span> 標(biāo)簽
定義和用法
<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
提示和注釋:
提示:請(qǐng)使用 <span> 來組合行內(nèi)元素,以便通過樣式來格式化它們。
注釋:span 沒有固定的格式表現(xiàn)。當(dāng)對(duì)它應(yīng)用樣式時(shí),它才會(huì)產(chǎn)生視覺上的變化。
例子
<p><span>some text.</span>
some other text.</p>
例子解釋
如果不對(duì) span 應(yīng)用樣式,那么 span 元素中的文本與其他文本不會(huì)任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結(jié)構(gòu)。
可以為 span 應(yīng)用 id 或 class 屬性,這樣既可以增加適當(dāng)?shù)恼Z義,又便于對(duì) span 應(yīng)用樣式。
可以對(duì)同一個(gè) <span> 元素應(yīng)用 class 或 id 屬性,但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標(biāo)識(shí)單獨(dú)的唯一的元素。
提示:事實(shí)上,您也許已經(jīng)注意到了,W3School 站點(diǎn)上有一些文本的樣式與其他文本是不同的。比如“提示”使用了粗體的橘紅色。盡管實(shí)現(xiàn)這種效果的方法非常多,但是我們的做法是:使用“提示”使用 span 元素,然后對(duì)這個(gè) span 元素的父元素,即 p 元素應(yīng)用 class,這樣就可以對(duì)這個(gè)類的子元素 span 應(yīng)用相應(yīng)的樣式了。
HTML:
<p class="tip"><span>提示:</span>... ... ...</p>
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}
標(biāo)準(zhǔn)屬性
id, class, title, style, dir, lang, xml:lang
如需完整的描述,請(qǐng)?jiān)L問標(biāo)準(zhǔn)屬性。
事件屬性
onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
如需完整的描述,請(qǐng)?jiān)L問事件屬性。