<strong>与font-weight:粗体&<em>与font-style:斜体

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

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

另外,两种select都存在的原因是什么? font-weightfont-style成为标准的CSS属性之后,我可能会错,但是<strong><em>出现。 如果是这样,他们一定有一些理由。

HTML代表含义; CSS代表外观。 如何标记文档中的文本不取决于文本在屏幕上的显示方式,而仅仅是它的意思。 另外一个例子,其他一些HTML元素,比如标题,默认情况下是font-weight: bold ,但是用<h1><h6>标记,而不是<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>元素的function目的保持不变 – 通过强调特定单词或短语来改变句子的上下文其他:

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

请注意,HTML5之前应用于HTML标准的原始答案( <strong><em>有不同的含义, <b><i> )纯粹是表示性的,没有任何语义含义。 与<strong><em>分别类似,它们具有相似的表示方式默认值,但可以采用不同的样式。


您分别使用<strong><em>来表示高度重视和正常重点。

或者这样想: font-weight: bold<strong>更接近<b> <strong>font-style: italic<em>更接近<i> <em> 。 这些视觉风格纯粹是视觉化的 :屏幕阅读器等工具不会理解粗体斜体的含义,但是一些屏幕阅读器能够以更强调的方式阅读<strong><em>文本。

<em>元素 – 来自W3C(HTML5参考)

是! 有一个明显的区别。

<em>元素代表强调其内容 。 特定内容所具有的强调的级别由其祖先元素的数量给出。

 <strong> = important content <em> = stress emphasis of its contents 

重点的放置改变了句子的含义。 元素因此构成内容的组成部分。 用这种方式强调的确切方式取决于语言。

注意!

  1. <em>元素也不是为了传达重要性; 为此, <strong>元素更合适。

  2. <em>元素不是通用的“斜体”元素。 有时候,文本的意图是从段落的其余部分突出,就好像它有不同的心情声音 。 为此, i元素更合适。

参考(示例): 请参阅W3C参考

这个问题是一个语义上的问题(如BoltClock提到的)和视觉渲染。

最初,HTML使用<b><i>作为文档标记的语义环境中规定的全部文体命令。 CSS是尽可能地分离出媒体的文体元素。 因此,样式信息如粗体和斜体应该放在CSS中。

引入<strong><em>来填充文本的语义需要,以标记为更重要或者更加强调。 他们有类似大胆斜体的默认文体解释,但他们不受这个命运的约束。

<strong><em>是语义标记元素,例如:机器(search引擎机器人,屏幕阅读器) 可能能够理解 strong元素比其他元素更重要。

CSS样式是用户可视化的方式,通常用粗体或斜体文字。

在维基百科分离的演示文稿和内容

<b><i>不同, <strong><em>对于盲人的网页浏览器具有明确的目的。

盲人不是通过视觉浏览网页,而是通过文本阅读器等声音。 除了鼓励大胆或倾斜的东西外,还分别传达响度或强调音节(OH MY!&Ooooooh Myyyyyyy!)。 当涉及到<b><i>时,只有audio的浏览器是不可预测的…他们可能会使他们大声或压力,或者他们可能不会…你永远不能确定,除非你使用<strong><em>