<strong> 和 <em> 标签有什么区别？

Question

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

Answer 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>

Answer 2

em：表示强调。

strong：表示更加强调。

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

它对 SEO 也有影响。

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

Answer 3

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

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

例如：

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

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

Answer 4

在 HTML4 中：

EM 表示强调。

STRONG：表示更加强调。

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

Answer 5

注意the difference is going to change:

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

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

Answer 6

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

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

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