** _
使用<strong>和<em>代替CSS属性之间有什么真正的区别:
<strong>
<em>
font-weight: bold; font-style: italic;
另外,这两个选项同时存在的真正原因是什么?我可能是错的,但是没有,<strong>并且<em>在相当一段时间后才出现font- weight并font-style成为标准CSS属性?如果是这样的话,那一定是出于某些原因。
font- weight
font-style
_**
**_
HTML代表含义;CSS代表外观。在文档中标记文本的方式并不取决于文本在屏幕上的显示方式,而仅取决于其含义。再举一个例子,font-weight: bold默认情况下,其他一些HTML元素(例如标题)的样式已设置为样式,但它们使用<h1>– <h6>,not <strong>或标记<b>。
font-weight: bold
<h1>
<h6>
<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>分别,它们具有类似表象的默认设置,但是可以以不同的风格。
<i>
您使用<strong>和<em>分别表示强烈强调和正常强调。
或这样想:font-weight: bold与<b>相比更近<strong>,并且font-style: italic与<i>相比更近<em>。这些视觉风格纯粹是 视觉上的 :屏幕阅读器之类的工具不会理解 粗体 和 斜体的 含义,但是某些屏幕阅读器能够以更加强调的语气阅读<strong>和发送<em>文字。
font-style: italic