?
This document uses PHP Chinese website manual Release
HTML<span>
元素是短語內(nèi)容的通用行內(nèi)容器,并沒有任何特殊語義??梢允褂盟鼇砭幗M元素以達(dá)到某種樣式意圖(通過使用類或者Id屬性),或者這些元素有著共同的屬性,比如lang。應(yīng)該在沒有其他合適的語義元素時才使用它。<span>
與 <div>
元素很相似,但 <div>
是一個 塊元素而<span>
則是行內(nèi)元素.
內(nèi)容類別 | Flow content, phrasing content. |
---|---|
允許的內(nèi)容 | Phrasing content |
標(biāo)記遺漏 | 沒有,起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父級 | 任何接受短語內(nèi)容的元素,或任何接受流內(nèi)容的元素。 |
允許ARIA角色 | 任何 |
DOM界面 | HTMLSpanElement(在HTML 5之前,界面是HTMLElement) |
這個元素只包含全局屬性。
<p><span>Some text</span></p>
Some text
<li><span> <a href="portfolio.html" target="_blank">See my portfolio</a></span></li>
li span {
background: gold;
}
Specification | Status | Comment |
---|---|---|
HTML Living StandardThe definition of '<span>' in that specification. | Living Standard | |
HTML5The definition of '<span>' in that specification. | Recommendation | The DOM interface is now HTMLSpanElement. |
HTML 4.01 SpecificationThe definition of '<span>' in that specification. | Recommendation |
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic Support | (Yes) | (Yes) | (Yes) | 1 | (Yes) | (Yes) | (Yes) |