重要吗<strong> <em>或<em> <strong>？</strong> </em> </em> </strong>

Question

<strong>

中的<em>是否重要？

<p><strong><em>Some text</em></strong></p>

{p>或<em>中的<strong>？

<p><em><strong>Some text</strong></em></p>

哪个语义正确且更易于访问？

更新

屏幕阅读器在这两种情况下的表现如何？

Answer 1

语法正确但语义不正确。 <strong>是一种“更高阶”形式，可以说是<em>。如果您正在寻找<b>和<i>的效果，请使用CSS。请记住，不要选择元素，因为它们的外观和意义。

Answer 2

如果您关心语义，则应避免在元素上同时使用em和strong。

  

强：强调强调   文本

（via）

如果您关心有效的HTML，两种解决方案都很好且有效。

Answer 3

您列出的两种方式都是完全正确的标记，只要您没有混合结束标记的顺序。这是不正确的：

<p><em><strong>Some text</em></strong></p>

Answer 4

根据w3 strong 非常强调。这意味着em和strong不应在语义上一起使用，因为strong已经是em。

如果您认为强烈的重点应该是粗体斜体我认为您应该添加一个css声明，其中您将强大的样式设为粗体斜体。

Answer 5

从视觉效果的角度来看，没关系。

在语义上，它很重要，因为你在相同的元素（一些文本）中使用强调和强调。这与在某些地方使用h1相同，只是因为你想要大文本而不是因为它们是标题。

  EM：表示强调。

     

STRONG：表示更强调。

Source

  

短语元素的表达   取决于用户代理。通常，   可视用户代理提供EM文本   斜体字和粗体字的STRONG文字。   **语音合成器用户代理可以   改变合成参数，例如   因此，音量，音高和速率。

所以要小心。使用CSS来实现视觉效果，而不是标记。

Answer 6

在（X）HTML5中，定义/含义是：

• em：代表其内容的重点强调（改变句子的含义）
• strong：代表其内容非常重要（不会改变句子的含义）

所以这些元素原则上可以一起使用。

要想出一个主意，请考虑大声朗读文本（取决于语言）：em可能会改变语调（压力），strong可能会增加响度。

我认为在语义上如果使用<strong><em>foo</em></strong>或<em><strong>foo</strong></em>则没有区别;至少我在规范中找不到任何相关内容。