<span>:内容跨越元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<span> HTML 元素是一个通用的行级容器,本身不具备特殊含义。它可被用于对元素进行编组,以便于添加样式(通过使用 classid 属性),或共享属性值(例如 lang 属性)。该元素仅应在无其他合适语义元素时使用。<span><div> 元素非常相似,但是 <div>块级元素,而 <span> 是一个行级元素

尝试一下

属性

这个元素只包含全局属性

示例

示例 1

HTML

html
<p><span>一些文本</span></p>

结果

示例 2

HTML

html
<li>
  <span>
    <a href="portfolio.html" target="_blank">查看我的作品集</a>
  </span>
</li>

CSS

css
li span {
  background: gold;
}

结果

技术概要

内容分类 短语内容流式内容
允许的内容 短语内容
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受短语内容流式内容的元素。
隐含的 ARIA 角色 没有对应的角色
允许的 ARIA 角色 任意
DOM 接口 HTMLSpanElement

规范

Specification
HTML Standard
# the-span-element

浏览器兼容性

BCD tables only load in the browser

参见