: 引起注意的元素

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

浏览器兼容性

另见