: 引起注意的元素

Baseline 已廣泛支援

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

<b> HTML 元素用於引起讀者對元素內容的注意,而這些內容沒有獲得其他特殊的重視。它以前被稱為“粗體元素”,並且大多數瀏覽器仍然將文字渲染為粗體。但是,你不應該使用 <b> 來設定文字樣式或表示重要性。如果你想建立粗體文字,應該使用 CSS 的 font-weight 屬性。如果你想表示一個元素具有特殊重要性,應該使用 <strong> 元素。

試一試

<p>
  The two most popular science courses offered by the school are
  <b class="term">chemistry</b> (the study of chemicals and the composition of
  substances) and <b class="term">physics</b> (the study of the nature and
  properties of matter and energy).
</p>
b {
  /* Add your styles here */
}

屬性

此元素僅包含全域性屬性

用法說明

  • 在摘要中的關鍵詞、評論中的產品名稱或其他通常以粗體顯示的文字片段(但其中不包含任何特殊重要性)的情況下,請使用 <b>
  • 不要將 <b> 元素與 <strong><em><mark> 元素混淆。 <strong> 元素表示具有一定重要性的文字,<em> 對文字進行強調,而 <mark> 元素表示具有一定相關性的文字。<b> 元素不傳達這種特殊的語義資訊;只在其他元素都不適用時才使用它。
  • 同樣,不要使用 <b> 元素來標記標題。為此,請使用

    標籤。此外,樣式表可以更改這些元素的預設樣式,因此它們不一定會顯示為粗體。
  • 最好在 <b> 元素上使用 class 屬性,以便在需要時傳達額外的語義資訊(例如,段落中的第一個句子使用 <b class="lead">)。這樣,如果你的樣式需求發生變化,可以更輕鬆地管理 <b> 的多種用法,而無需更改 HTML 中的所有用法。
  • 歷史上,<b> 元素用於使文字變為粗體。自 HTML4 以來,樣式資訊已被棄用,因此 <b> 元素的意思已發生改變。
  • 如果使用 <b> 元素沒有語義目的,你應該使用 CSS 的 font-weight 屬性,並將其值設定為 "bold",以使文字變為粗體。

示例

html
<p>
  This article describes several <b class="keywords">text-level</b> elements. It
  explains their usage in an <b class="keywords">HTML</b> document.
</p>
Keywords are displayed with the default style of the
<b>element, likely in bold.</b>

結果

技術摘要

內容類別 流式內容語句內容、明顯內容。
允許內容 短語內容.
標籤省略 無,起始標籤和結束標籤都必須存在。
允許父級 任何接受短語內容的元素。
隱式 ARIA 角色 generic
允許的 ARIA 角色 任意
DOM 介面 HTMLElement

規範

規範
HTML
# the-b-element

瀏覽器相容性

另見