<span>: The Content Span element

<span> HTML 元素是用于措辞内容的通用内联容器，其本身并不代表任何内容。它可用于出于样式目的对元素进行分组（使用 class 或 id 属性），或者因为它们共享属性值，例如 lang。仅当没有其他语义元素合适时才应使用它。<span> 非常类似于 <div> 元素，但 <div> 是 块级元素，而 <span> 是 行内元素。

¥The <span> HTML element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute values, such as lang. It should be used only when no other semantic element is appropriate. <span> is very much like a <div> element, but <div> is a block-level element whereas a <span> is an inline-level element.

Try it

属性

¥Attributes

该元素仅包含 全局属性。

¥This element only includes the global attributes.

示例

¥Example

实现例 1

¥Example 1

HTML

html
<p><span>Some text</span></p>

结果

¥Result

实现例 2

¥Example 2

HTML

html
<li>
  <span>
    <a href="portfolio.html" target="_blank">See my portfolio</a>
  </span>
</li>

CSS

css
li span {
  background: gold;
}

结果

¥Result

技术总结

¥Technical summary

内容类别 流量内容, 措辞内容.
允许的内容 措辞内容.
标签遗漏 无，开始和结束标记都是强制性的。
允许的父级 任何接受 措辞内容 的元素，或任何接受 流动内容 的元素。
隐式 ARIA 角色 没有对应的角色
允许的 ARIA 角色 任何
DOM 接口 HTMLSpanElement

规范

Specification
HTML Standard
# the-span-element

¥Specifications

浏览器兼容性

BCD tables only load in the browser

¥Browser compatibility

也可以看看

¥See also