HTML span標籤:用來組合文件中的行內元素

zhujibcom發表於2018-01-09

在DIV+CSS切圖佈局重構技術中,除了常常使用div標籤外也常常使用span標籤佈局,通常也可以通過對span標籤物件設定不同樣式實現我們要的美化效果。這裡主機吧主要講的是span標籤的定義和用法。

span標籤定義和用法

<span> 標籤被用來組合文件中的行內元素。

瀏覽器支援

所有瀏覽器都支援 <span> 標籤。

例子:

<p><span>some text.</span>some other text.</p>

註釋:span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。

如果不對 span 應用樣式,那麼 span 元素中的文字與其他文字不會任何視覺上的差異。儘管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。

當然也可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語義,又便於對 span 應用樣式。

可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是隻應用其中一種。這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。

支援屬性:

<span> 標籤支援 HTML 中的全域性屬性。

<span> 標籤支援 HTML 中的事件屬性。

相關文章