HTML <span> 標(biāo)簽

2022-06-01 15:53 更新

<span> 元素是無語義的行內(nèi)元素,它可以對(duì)元素進(jìn)行分組,使它們以不同的樣式顯示,請(qǐng)參考下述示例:

實(shí)例

使用 <span> 元素對(duì)文本中的一部分進(jìn)行著色:

<p>我的母親有 <span style="color:blue">藍(lán)色</span> 的眼睛。</p>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <span> 標(biāo)簽。


標(biāo)簽定義及使用說明

<span> 用于對(duì)文檔中的行內(nèi)元素進(jìn)行組合。

<span> 標(biāo)簽沒有固定的格式表現(xiàn)。當(dāng)對(duì)它應(yīng)用樣式時(shí),它才會(huì)產(chǎn)生視覺上的變化。如果不對(duì) <span> 應(yīng)用樣式,那么 <span> 元素中的文本與其他文本不會(huì)任何視覺上的差異。

<span> 標(biāo)簽提供了一種將文本的一部分或者文檔的一部分獨(dú)立出來的方式。

提示:可以對(duì)同一個(gè) <span> 元素應(yīng)用 class 或 id 屬性,但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標(biāo)識(shí)單獨(dú)的唯一的元素。


提示和注釋

提示:被 <span> 元素包含的文本,您可以使用 CSS 對(duì)它定義樣式,或者使用 JavaScript 對(duì)它進(jìn)行操作。


HTML 4.01 與 HTML5之間的差異

NONE.


全局屬性

<span> 標(biāo)簽支持 HTML 的全局屬性


事件屬性

<span> 標(biāo)簽支持 HTML 的事件屬性。


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)