<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><span> 非常類似於 <div> 元素,但 <div> 是一個塊級元素,而 <span> 是一個行級元素

嘗試一下

屬性

此元素僅包括全域屬性

範例

範例 1

HTML

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

結果

範例 2

HTML

html
<li>
  <span>
    <a href="portfolio.html" target="_blank">See my portfolio</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

參見