?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
HTML<span>
元素是短語(yǔ)內(nèi)容的通用行內(nèi)容器,并沒(méi)有任何特殊語(yǔ)義??梢允褂盟鼇?lái)編組元素以達(dá)到某種樣式意圖(通過(guò)使用類或者Id屬性),或者這些元素有著共同的屬性,比如lang。應(yīng)該在沒(méi)有其他合適的語(yǔ)義元素時(shí)才使用它。<span>
與 <div>
元素很相似,但 <div>
是一個(gè) 塊元素而<span>
則是行內(nèi)元素.
內(nèi)容類別 | Flow content, phrasing content. |
---|---|
允許的內(nèi)容 | Phrasing content |
標(biāo)記遺漏 | 沒(méi)有,起始和結(jié)束標(biāo)簽都是強(qiáng)制性的。 |
允許父級(jí) | 任何接受短語(yǔ)內(nèi)容的元素,或任何接受流內(nèi)容的元素。 |
允許ARIA角色 | 任何 |
DOM界面 | HTMLSpanElement(在HTML 5之前,界面是HTMLElement) |
這個(gè)元素只包含全局屬性。
<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) |