<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
# the-span-element

瀏覽器相容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
span

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

參見