span
<span>
HTML<span>元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div>元素很相似,但 <div>是一个 块元素而<span>则是行内元素.
内容类别 | |
---|---|
允许的内容 | |
标记遗漏 | 没有,起始和结束标签都是强制性的。 |
允许父级 | 任何接受短语内容的元素,或任何接受流内容的元素。 |
允许ARIA角色 | 任何 |
DOM界面 | HTMLSpanElement(在HTML 5之前,界面是HTMLElement) |
属性
这个元素只包含全局属性。
Example 1
<p><span>Some text</span></p>
Result
Example 2
<li><span>
<a href="portfolio.html" target="_blank">See my portfolio</a>
</span></li>
CSS:
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) |