<strong>:强调重要性的元素

基线 广泛可用

此功能已完善,可在许多设备和浏览器版本上运行。它自以下日期起在浏览器中可用: 2015 年 7 月.

<strong> HTML 元素表示其内容具有很强的重要性、严重性或紧迫性。浏览器通常会以粗体形式呈现内容。

试一试

属性

此元素仅包含 全局属性

使用说明

<strong> 元素用于表示“重要性强”的内容,包括非常严重或紧急的事项(例如警告)。这可能是一句对整个页面都至关重要的句子,或者您可能只是想指出某些词语与附近内容相比更重要。

通常,此元素默认情况下会使用粗体字重进行渲染。但是,它不应用于应用粗体样式;为此目的,请使用 CSS font-weight 属性。使用 <b> 元素来吸引特定文本的注意力,而无需表明更高的重要性。使用 <em> 元素来标记具有强调语气的文本。

<strong> 的另一个可接受的用途是表示页面文本中表示注释或警告的段落的标签。

<b> 与 <strong>

对于新开发者来说,为什么在渲染的网站上表达相同内容的方式如此之多,这常常令人困惑。 <b><strong> 可能是最常见的混淆来源之一,导致开发者询问“我应该使用 <b> 还是 <strong>?它们不都是做同样的事情吗?”

不完全是。<strong> 元素用于表示重要性更高的内容,而 <b> 元素用于吸引文本的注意力,而无需表明它更重要。

认识到两者都是 HTML 中有效且语义化的元素,并且它们在大多数浏览器中都具有相同的默认样式(粗体)是一种巧合(尽管某些旧版浏览器实际上会对 <strong> 使用下划线),这可能会有所帮助。每个元素都旨在用于某些类型的场景,如果您想将文本加粗以进行装饰,则应实际使用 CSS font-weight 属性。

包含文本的预期含义或目的应决定您使用哪个元素。传达含义是语义的全部意义所在。

<em> 与 <strong>

更令人困惑的是,虽然 HTML 4 将 <strong> 定义为表示更强的强调,但 HTML 5 将 <strong> 定义为表示“其内容的重要意义”。这是一个需要区分的重要区别。

虽然 <em> 用于更改句子的含义,就像口语强调一样(“我喜欢胡萝卜”与“我喜欢胡萝卜”),<strong> 用于赋予句子的部分内容额外的重要性(例如,“警告!非常危险。”)。<strong><em> 都可以嵌套以分别提高重要性或强调语气的相对程度。

示例

基本示例

html
<p>
  Before proceeding, <strong>make sure you put on your safety goggles</strong>.
</p>

结果

标记警告

html
<p>
  <strong>Important:</strong> Before proceeding, make sure you add plenty of
  butter.
</p>

结果

技术摘要

内容类别 流内容短语内容、可感知内容。
允许的内容 短语内容.
标签省略 无;必须同时具有开始标签和结束标签。
允许的父元素 任何接受 短语内容 的元素,或任何接受 流内容 的元素。
隐式 ARIA 角色 strong
允许的 ARIA 角色 任何
DOM 接口 HTMLElement

规范

规范
HTML 标准
# the-strong-element

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅