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