<b> - HTML(超文本标记语言) 编辑
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) |
相关链接
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论