: 重点重要元素

试一试

<p>
  ... the most important rule, the rule you can never forget, no matter how much
  he cries, no matter how much he begs:
  <strong>never feed him after midnight</strong>.
</p>

p {
  font-size: 1rem;
}

属性

此元素仅包含全局属性。

用法说明

<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> 都可以嵌套，以分别增加重要性或重音强调的相对程度。

示例

基本示例

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

结果

标记警告

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

结果

技术摘要

规范

浏览器兼容性

另见

• <b> 元素
• <em> 元素
• font-weight 属性