<strong> 和 <em> 标签有啥区别？

Posted 2023-02-24

【中文标题】<strong> 和 <em> 标签有啥区别？

【英文标题】：What is the difference between <strong> and <em> tags?<strong> 和 <em> 标签有什么区别？

【发布时间】：2010-12-28 13:20:14

【问题描述】：

它们都强调文本。 <em> 标记将文本显示为斜体，而 <strong> 使其变为粗体。这是唯一的区别吗？

【参考方案1】：

来自 WHATWG 的Living standard html spec：

em 元素

em 元素表示其内容的强调重点。

[...]

重音强调的位置改变了句子的意思。因此，该元素构成了内容的组成部分。以这种方式使用重音的确切方式取决于语言。

---

示例

这些例子展示了改变重音重点是如何改变意义的。首先，一个一般性的事实陈述，没有强调：

Cats are cute animals.

通过强调第一个词，该陈述暗示所讨论的动物种类存在问题（也许有人声称狗很可爱）：

<p><em>Cats</em> are cute animals.</p>

将重音转移到动词上，强调整个句子的真实性有问题（可能有人说猫不可爱）：

<p>Cats <em>are</em> cute animals.</p>

通过将其移至形容词，猫的确切性质被重新断言（也许有人认为猫是卑鄙的动物）：

<p>Cats are <em>cute</em> animals.</p>

同样，如果有人断言猫是蔬菜，那么有人纠正这一点可能会强调最后一句话：

<p>Cats are cute <em>animals</em>.</p>

通过强调整个句子，可以清楚地看出说话者正在努力传达这一点。这种重音强调通常也会影响标点符号，因此这里有感叹号。

<p><em>Cats are cute animals!</em></p>

愤怒与强调可爱可能会导致以下标记：

<p><em>Cats are <em>cute</em> animals!</em></p>

---

注意

[...]

em 元素 [...] 并非旨在传达重要性；为此，strong 元素更合适。

---

[...]

strong 元素

strong 元素代表其内容的强烈重要性、严肃性或紧迫性。 [...] 在此示例中，strong 元素用于表示用户打算首先阅读的文本部分。

<p>Welcome to Remy, the reminder system.</p>
<p>Your tasks for today:</p>
<ul>
 <li><p><strong>Turn off the oven.</strong></p></li>
 <li><p>Put out the trash.</p></li>
 <li><p>Do the laundry.</p></li>
</ul>

【参考方案2】：

em：表示强调。

strong：表示更加强调。

它在用户可访问性工具 (NVDA) 中的作用。

它对 SEO 也有影响。

参考：https://www.w3.org/TR/html4/struct/text.html#h-9.2.1

【参考方案3】：

是您在句子或短语周围放置的标签，表示“这比周围的文字更重要”。

一般用于表示句子中单词的重读。

例如：

尽管有些人可能会说，元素之间存在语义差异。

如需明确区分强调重点和重要性，以及更多示例，请see the HTML 5 draft。

【讨论】：

规范中没有关于一个应用于单词而另一个应用于短语的内容。

单词和短语的区别是我的回答所附带的。

我认为这是一个很好的答案，因为您不仅仅是在陈述一个规范，而是更深入地了解这两者的真正含义。

单词和短语的区别似乎并不是这个答案所附带的。我在这个答案中几乎看不到其他内容（除了外部链接）。如果重点是别的，答案应该清楚。区分“更重要”和“压力”的重点是什么？我认为它们之间没有区别。据我所知，“压力”是指表示重要性的方式。

【参考方案4】：

在 HTML4 中：

EM 表示强调。

STRONG：表示更加强调。

http://www.w3.org/TR/html4/struct/text.html#h-9.2.1

【讨论】：

被这些标签包围的文本内容

这是一个语义的东西。你认为那段文字需要更多的强调，所以你用 .

标记它

我在 wikipedia en.wikipedia.org/wiki/Emphasis_%28typography%29 上找到了信息，但它只说它是不同风格的文本

我喜欢把它想象成“你没去商店”和“不要靠近电锯”之间的区别”。他们都有重点，但有一个要强一些。

您需要查看HTML5草稿，它更清楚地表明了强调强调和重要性之间的区别。

【参考方案5】：

注意the difference is going to change:

在 HTML 4.01 中，<strong> 标签定义 强烈强调的文本，但在 HTML 5 中 它定义了重要的文本。

没有让问题更清楚，是吗？

【讨论】：

不多。但是 HTML 5 草案中的示例使区分更加清晰。

可能会改变。它仍然是一个草稿。

【参考方案6】：

是的，将“强烈强调”与“强调”进行比较的定义非常模糊。唯一的标准定义是“它强调，但更多！！”。

就我个人而言，我使用<em> 用于正常强调，您会以不同的语调阅读强调的单词，而<strong> 用于您选择关键词和短语的东西它们从文本中提取出来，以帮助浏览文本的人挑选主题。

这不是一个标准的解释，但它有一定的意义，并且可以通过默认的斜体/粗体样式适当地呈现。无论你做什么，保持一致。

【讨论】：

你写了“....不同的语气”这意味着差异仅与屏幕阅读器有关，与屏幕无关。我们是否应该始终将 设置为粗体文本并将 设置为斜体文本？

不，你可以随心所欲地设置它们的样式，但是粗体字的使用（因为它们很突出）和斜体字的强调词（不突出）是很常见的。至于语气，我真正的意思是你会大声（或在你的脑海中）读出来的语气，而不是与屏幕阅读器有关的任何事情（尽管他们也可以这样做）。

这里 (cs.tut.fi/~jkorpela/html/em.html) 很好地描述并标记为 /local/ 与 /global/ 强调。

虽然，正如 bobince 所指出的，没有明显的区别，但他的解释符合文学惯例，即，斜体通常用于在阅读时表达重点。粗体文本没有特定的文学惯例。在典型的略读的网络环境中，使用粗体表示关键字/短语作为 bobince 提及是有意义的。虽然语义很重要，但可以只使用 CSS 来应用粗体/斜体，例如 <div>Lorem <span class="bold">ipsum</span> <span class="italic">dolor</span></div>。

@Rabarberski 该页面有到目前为止我听过的最清晰的解释：最好的方法可能是将 em 视为“本地”重点，应该是在阅读文本时表示但不需要跳到读者的脸上，而 strong 用于“全局”强调，大致相反：使用 strong 标记的文本应该突出显示，但通常在实际阅读文本时不强调 - 完美！