# HTML &lt;span&gt; 標簽 ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 &lt;span&gt; 標簽。 ## 定義和用法 &lt;span&gt; 標簽被用來組合文檔中的行內元素。 ## HTML 與 XHTML 之間的差異 NONE ## 提示和注釋： 提示：請使用 &lt;span&gt; 來組合行內元素，以便通過樣式來格式化它們。 注釋：span 沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。 ## 例子 ``` <p><span>some text.</span>some other text.</p> ``` ### 例子解釋 如果不對 span 應用樣式，那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此，上例中的 span 元素仍然為 p 元素增加了額外的結構。 可以為 span 應用 id 或 class 屬性，這樣既可以增加適當的語義，又便于對 span 應用樣式。 可以對同一個 &lt;span&gt; 元素應用 class 或 id 屬性，但是更常見的情況是只應用其中一種。這兩者的主要差異是，class 用于元素組（類似的元素，或者可以理解為某一類元素），而 id 用于標識單獨的唯一的元素。 提示：事實上，您也許已經注意到了，W3School 站點上有一些文本的樣式與其他文本是不同的。比如“提示”使用了粗體的橘紅色。盡管實現這種效果的方法非常多，但是我們的做法是：使用“提示”使用 span 元素，然后對這個 span 元素的父元素，即 p 元素應用 class，這樣就可以對這個類的子元素 span 應用相應的樣式了。 HTML: ``` <p class="tip"><span>提示：</span>... ... ...</p> ``` CSS: ``` p.tip span { font-weight:bold; color:#ff9955; } ``` ## 全局屬性 &lt;span&gt; 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 &lt;span&gt; 標簽支持 [HTML 中的事件屬性](/tags/html_ref_eventattributes.asp)。