概要
HTML <span>
元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者Id属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span>
与 {{HTMLElement("div")}} 元素很相似,但 {{HTMLElement("div")}} 是一个 块元素 而 <span>
则是 行内元素 .
- Content categories Flow content, phrasing content.
- Permitted contentPhrasing content
- Tag omission {{no_tag_omission}}
- Permitted parent elementsAny element that accepts phrasing content, or any element that accepts flow content.
- DOM interface {{domxref("HTMLSpanElement")}} (before HTML 5, the interface was {{domxref("HTMLElement")}}
属性
该元素仅包含 全局属性。
例 1
<p><span>Some text</span></p>
结果
Some text
例 2
<li><span> <a href="portfolio.html" target="_blank">See my portfolio</a> </span></li>
CSS:
li span {
background: gold;
}
结果
Specifications
Specification | Status | Comment |
---|---|---|
{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-span-element', '<span>')}} | {{Spec2('HTML WHATWG')}} | |
{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-span-element', '<span>')}} | {{Spec2('HTML5 W3C')}} | The DOM interface is now {{domxref("HTMLSpanElement")}}. |
{{SpecName('HTML4.01', 'struct/global.html#edef-SPAN', '<span>')}} | {{Spec2('HTML4.01')}} |
浏览器兼容性
{{ CompatibilityTable() }}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} | {{ CompatVersionUnknown() }} |
参见
- HTML {{HTMLElement("div")}} 元素
{{HTMLRef}}