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> 的定义		 推荐 -

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 支持 支持 1 支持 支持 支持

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 1 支持 支持 支持

相关链接