title | slug | l10n | ||
---|---|---|---|---|
<b>:用于强调文本的元素 |
Web/HTML/Element/b |
|
{{HTMLSidebar}}
<b>
HTML 元素用于吸引读者注意元素内容,而这些内容本身并不具有特别重要性。它以前被称为粗体元素,大多数浏览器仍然以粗体显示文本。但是,你不应该使用 <b>
来设置文本样式或赋予重要性。如果你希望创建粗体文本,应该使用 CSS {{cssxref("font-weight")}} 属性。如果你希望指示某个元素特别重要,应该使用 {{HTMLElement("strong")}} 元素。
{{EmbedInteractiveExample("pages/tabbed/b.html", "tabbed-shorter")}}
这个元素只包含全局属性。
- 在以下情况下使用
<b>
元素:摘要中的关键字、评论中的产品名称,其他通常以粗体显示的文本(但不包括任何特别重要的内容)。 - 不要将
<b>
元素与 {{HTMLElement("strong")}}、{{HTMLElement("em")}} 或 {{HTMLElement("mark")}} 元素混淆。{{HTMLElement("strong")}} 元素表示具有某种重要性的文本,{{HTMLElement("em")}} 元素强调文本,而 {{HTMLElement("mark")}} 元素表示具有某种关联性的文本。<b>
元素不会传达这种特殊的语义信息;仅在其他元素都不适用时使用它。 - 同样,不要使用
<b>
元素标记标题和页眉。为此,请使用 {{HTMLElement("h1")}} 到 {{HTMLElement("h6")}} 标签。此外,样式表可以更改这些元素的默认样式,而使它们不一定以粗体显示。 - 好的做法是在
<b>
元素上添加class
属性来传达额外的语义信息(例如,段落中的第一个句子可以使用<b class="lead">
)。这样,如果你的样式需求发生变化,可以更轻松地管理<b>
的多个用例,从而无需更改 HTML。 - 历史上,
<b>
元素的目的是使文本加粗。自 HTML4 以来,样式信息已被弃用,因此<b>
元素的含义已更改。 - 如果不是出于语义目的而使用
<b>
元素,那么你应该使用 CSS 的 {{cssxref("font-weight")}} 属性并将值设置为"bold"
来使文本加粗。
<p>
本文档描述了几个<b class="keywords">文本级</b>元素,并解释了它们在
<b class="keywords">HTML</b> 文档中的用法。
</p>
关键字以<b>元素的默认样式显示,可能是粗体。</b>
{{EmbedLiveSample("示例")}}
内容分类 | 流式内容、短语内容、可感知内容。 |
---|---|
允许的内容 | 短语内容 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受短语内容的元素。 |
隐含的 ARIA 角色 |
generic
|
允许的 ARIA 角色 | 任意 |
DOM 接口 | {{domxref("HTMLElement")}} |
{{Specifications}}
{{Compat}}
- 其他传达文本级语义的元素:{{HTMLElement("a")}}、{{HTMLElement("em")}}、{{HTMLElement("strong")}}、{{HTMLElement("small")}}、{{HTMLElement("cite")}}、{{HTMLElement("q")}}、{{HTMLElement("dfn")}}、{{HTMLElement("abbr")}}、{{HTMLElement("time")}}、{{HTMLElement("code")}}、{{HTMLElement("var")}}、{{HTMLElement("samp")}}、{{HTMLElement("kbd")}}、{{HTMLElement("sub")}}、{{HTMLElement("sup")}}、{{HTMLElement("i")}}、{{HTMLElement("mark")}}、{{HTMLElement("ruby")}}、{{HTMLElement("rp")}}、{{HTMLElement("rt")}}、{{HTMLElement("bdo")}}、{{HTMLElement("span")}}、{{HTMLElement("br")}}、{{HTMLElement("wbr")}}。
- 使用 <b> 和 <i> 元素(W3C)