HTML <span> 元素是短語內(nèi)容的通用行內(nèi)容器,并沒有任何特殊語義??梢允褂盟鼇砭幗M元素以達到某種樣式意圖(通過使用類或者Id屬性),或者這些元素有著共同的屬性,比如lang。應(yīng)該在沒有其他合適的語義元素時才使用它。 <span> 與 <div> 元素很相似,但 <div> 是一個 塊元素 而 <span> 則是 行內(nèi)元素 .
使用 <span> 元素對文本中的一部分進行上色:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鳥教程(cainiaoplus.com)</title> </head> <body> <p>這里你看到的是 <span style="color:blue;font-weight:bold">藍色</span> 的天空,還有 <span style="color:green;font-weight:bold">綠色</span> 的草原。</p> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <span> 標簽。
<span> 用于對文檔中的行內(nèi)元素進行組合。
<span> 標簽沒有固定的格式表現(xiàn)。當對它應(yīng)用樣式時,它才會產(chǎn)生視覺上的變化。如果不對 <span> 應(yīng)用樣式,那么 <span> 元素中的文本與其他文本不會任何視覺上的差異。
<span> 標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。
提示:被 <span> 元素包含的文本,您可以使用 CSS 對它定義樣式,或者使用 JavaScript 對它進行操作。
無.
<span> 標簽支持 HTML 的全局屬性。
<span> 標簽支持 HTML 的事件屬性。