HTML参考手册
标签 | Elements
span
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) |
标签 | Elements相关
超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。