We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

HTML提醒注意(Bring Attention To)元素(<b>用于吸引读者的注意到该元素的内容上(如果没有另加特别强调)。这个元素过去被认为是粗体(Boldface)元素,并且大多数浏览器仍然将文字显示为粗体。尽管如此,你不应将 <b> 元素用于显示粗体文字;替代方案是使用 CSS font-weight 属性来创建粗体文字。

内容分类 Flow content, phrasing content, palpable content.
允许的内容 Phrasing content.
标签略写 不允许,开始标签和结束标签都不能省略。
允许的父元素 任意可容纳 phrasing content 的元素
Permitted ARIA roles 任意
DOM 接口 HTMLElement

属性

这个元素只包含全局属性

使用说明

  • <b> 应用场合如:摘要中的关键字、评论中的产品名称,或其他典型的应该加粗显示的文字(除此之外无其它特别强调)。

  • 不要将<b>元素与 <strong><em><mark>元素混淆。 <strong>元素表示某些重要性的文本,<em>强调文本,而<mark>元素表示某些相关性的文本。 <b>元素不传达这样的特殊语义信息;仅在没有其他合适的元素时使用它。

  • 类似的,也不要用 <b> 元素来标记标题。如果需要表示标题,请使用 <h1> 到 <h6> 标签。此外,可以通过样式表来改变这些元素的的默认样式,结果就是它们并不一定都是粗体。
  • 通过在 <b> 元素上添加 class 属性来表示额外的语义信息是一个很好的方式(例如 <b class="lead"> 来表示段落中的第一句)。这可以在样式需要变动的情况下更轻松地处理不同应用场合的 <b> 元素,无须改动HTML。
  • 以前 <b> 元素的意思就是让文本变成粗体。但从 HTML4 开始,不赞成标签表示带样式信息,于是 <b> 元素的含义发生了变化。
  • 如果不是出于语义目的而使用 <b> 元素,那么让文本显示粗体更好的方式是使用将 CSS 的 font-weight 属性设置为 "bold"

例子

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

结果

This article describes several text-level elements. It explains their usage in an HTML document.

Keywords are displayed with the default style of the <b> element, likely in bold.

规范

Specification Status Comment
HTML Living Standard
<b>
Living Standard  
HTML5
<b>
Recommendation  
HTML 4.01 Specification
<b>
Recommendation  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) 1.0 (1.7 or earlier) (Yes) (Yes) (Yes)
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) 1.0 (1.0) (Yes) (Yes) (Yes)

相关链接

文档标签和贡献者

此页面的贡献者: kite-js, Benjamin-Smith, lc-soft, zhuangyin, markyun, PoppinL
最后编辑者: kite-js,