html - “em”在“strong”中还是相反？

Question

这两个都会渲染相同的东西：

1. <strong><em>text</em></strong>
2. <em><strong>text</strong></em>

一个比另一个有优势吗？

Answer 1

就嵌套而言，没有任何优势

但是这些标签确实具有语义意义（@Reeno也指出），屏幕阅读器也会以更高的声音读取这些标签之间的文本......但缺点是如果你想让你的文本正常，你需要绕过所有页面并手动删除标签。

---

另一种方式是您可以使用 CSS，并且您可以使用单个类来控制样式

p.emstrong {
    font-weight: bold;
    font-style: italic;
}

演示

---

此外，这些样式经常被使用inline，因此在这里分配class给p元素没有意义，最好使用span带有classlike的标签

<p>Hello, <span class="emstrong">Style This</span></p>

span.emstrong {
    font-weight: bold;
    font-style: italic;
}

Answer 2

em 用于格式化文本没有任何优势：

我不能强调这一点！

HTML 标记用于指示其内容的重要性。强标签围绕着强调的单词/短语。