**vs.font-weight：bold和 _vs.font-style：italic_**

Question

** _

使用<strong>和<em>代替CSS属性之间有什么真正的区别：

font-weight: bold;
font-style: italic;

另外，这两个选项同时存在的真正原因是什么？我可能是错的，但是没有，<strong>并且<em>在相当一段时间后才出现font- weight并font-style成为标准CSS属性？如果是这样的话，那一定是出于某些原因。

_**

Answer 1

**_

HTML代表含义；CSS代表外观。在文档中标记文本的方式并不取决于文本在屏幕上的显示方式，而仅取决于其含义。再举一个例子，font-weight: bold默认情况下，其他一些HTML元素（例如标题）的样式已设置为样式，但它们使用<h1>– <h6>，not
<strong>或标记<b>。

在HTML5中，您用于<strong>指示句子的重要部分，例如：

<p><strong>Do not touch.</strong> Contains <strong>hazardous</strong> materials.

并<em>用来表示语言压力，例如：

<p>A Gentleman: I suppose he does. But there's no point in asking.
<p>A Lady: Why not?
<p>A Gentleman: Because he doesn't row.
<p>A Lady: He doesn't <em>row</em>?
<p>A Gentleman: No. He <em>doesn't</em> row.
<p>A Lady: Ah. I see what you mean.

这些元素是语义元素，默认情况下只是碰巧具有 粗体 和 斜体
表示形式，但是您可以根据需要设置其样式。例如，在<em>上面的示例中，您可以用大写而不是斜体来表示重音，但是该<em>元素的功能目的是相同的-
通过在其他单词上强调特定的单词或短语来更改句子的上下文：

em {
    font-style: normal;
    text-transform: uppercase;
}

请注意，原始答案（如下）适用于HTML5之前的HTML标准，其中<strong>和<em>具有一些不同的含义，<b>并且<i>纯粹是表示性的，没有任何语义。像<strong>和<em>分别，它们具有类似表象的默认设置，但是可以以不同的风格。

您使用<strong>和<em>分别表示强烈强调和正常强调。

或这样想：font-weight: bold与<b>相比更近<strong>，并且font-style: italic与<i>相比更近<em>。这些视觉风格纯粹是 视觉上的 ：屏幕阅读器之类的工具不会理解 粗体 和 斜体的
含义，但是某些屏幕阅读器能够以更加强调的语气阅读<strong>和发送<em>文字。

_**