HTML <span> 元素

HTML <span> 元素是短语内容的通用内联容器，它并没有任何语义。它可以用于将元素分组，以便设置样式（使用 class 或 id 属性），或者因为它们有着相同的属性值，例如 lang。仅当没有其他语义元素合适时才应使用它。<span> 非常像 <div> 元素，但 <div> 是块级元素，而 <span> 是内联元素。

使用 <span> 元素对文本中的一部分进行着色：

<style>
.blue {
  color: blue;
}
</style>

<p>我的母亲有<span class="blue">蓝色</span>的眼睛。</p>

尝试一下 »

特性

内容类别	流式内容，短语内容。
允许的内容	短语内容
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	任何接受短语内容或流式内容的元素。
允许的 ARIA 角色	任意
DOM 接口	HTMLSpanElement（在 HTML5 之前，接口是 HTMLElement)

属性

该元素只包含全局属性。

更多实例

使用 <span> 包含文本，以便设置样式

<style>
  li span {
    background: gold;
  }
</style>

<li>
  <span>
    <a href="#">看我的投资组合</a>
  </span>
</li>

尝试一下 »

规范

规范	状态	备注
HTML Living Standard <span> 的定义	现行的标准	-
HTML5 <span> 的定义	推荐	DOM 接口变成了 HTMLSpanElement。
HTML 4.01 Specification <span> 的定义	推荐	-

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• HTML <div> 元素