一尘不染

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

css

** _

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

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

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

_**


阅读 209

收藏
2020-05-16

共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>文字。

_**

2020-05-16