<span>：內容 span 元素

Baseline 已廣泛支援

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

<span> HTML 元素是一個通用的行內容器，用於放置短語內容，它本身不代表任何特定內容。它可以用於將元素分組以進行樣式設定（使用 class 或 id 屬性），或者因為它共享屬性值（例如 lang）。只有在沒有其他語義元素合適時才應使用它。<span> 元素非常類似於 <div> 元素，但 <div> 是一個塊級元素，而 <span> 是一個行內元素。

試一試

<p>
  Add the <span class="ingredient">basil</span>,
  <span class="ingredient">pine nuts</span> and
  <span class="ingredient">garlic</span> to a blender and blend into a paste.
</p>

<p>
  Gradually add the <span class="ingredient">olive oil</span> while running the
  blender slowly.
</p>

span.ingredient {
  color: red;
}

屬性

此元素僅包含全域性屬性。

示例

示例 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`

規範

規範
HTML # the-span-element

瀏覽器相容性

另見

HTML <div> 元素

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年8月6日⁩，作者為 MDN 貢獻者。

在 GitHub 上檢視此頁面 • 報告此內容的錯誤