在 CSS 中模拟 em 标签答案

【问题标题】：Simulate em tag in CSS [duplicate]在 CSS 中模拟 em 标签
【发布时间】：2017-01-15 06:33:15
【问题描述】：

我正在尝试消除我的 HTML 代码标记，例如 、、 和 。我知道 和 可以通过使用font-weight: bold 在CSS 中完成。我也明白<italic> 可以通过使用font-weight: italic 在CSS 中完成。但是，我不确定 的 CSS 等效项是什么。经过大量研究，我什至看不出、和之间的区别。

因此，、 和  之间有什么区别， 的 CSS 等效项是什么？任何建议表示赞赏。谢谢。

【问题讨论】：

在 CSS 中，我猜你可以使用 font-weight 属性！
developer.mozilla.org/ru/docs/Web/HTML/Element/em ... 阅读 与部分 .... 不要替换那些对可访问性有用的标签 ... 视觉上em 只是斜体
我相信你有一个很好的理由不使用语义标签，但是对于之后阅读这篇文章的任何人来说——你应该使用语义上有意义的标签，除非你有一个很好的理由 i> 不。
另外，您可以使用浏览器的开发工具检查 标签，然后查看应用了哪些默认样式。
<strong> 和  告诉您的浏览器突出显示文本，使其更加明显和醒目，95% 的时间意味着粗体或斜体，然而，在某些情况下它不会。许多文本转语音程序就是一个例子。  表示特别粗体 - 他们不会注意到任何区别，但是  和  可以通过某些变形或强调来表达。  和 是方法，而 和 是特定样式。

标签： html css

【解决方案1】：

基本上， 和  是  和  的 SEO 等效项 - 默认情况下，它们的样式相同，但第一个赋予上下文更多权力 /p>

回答您的第二个问题 - 您可以通过应用 font-style: italic 将元素设置为 

【讨论】：

这篇文章真的很到位 - stackoverflow.com/questions/271743/…

【解决方案2】：

em 标签是“强调”的语义标签，大多数浏览器将其呈现为font-style: italic：

JS Fiddle

大多数浏览器将显示具有以下默认值的元素价值观：

em { 
    font-style: italic;
}

来源：HTML em tag

【讨论】：