<strong>与font-weight:粗体&<em>与font-style:斜体
使用<strong>
和<em>
代替CSS属性有什么真正的区别:
font-weight: bold; font-style: italic;
另外,两种select都存在的原因是什么? font-weight
和font-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
重点的放置改变了句子的含义。 元素因此构成内容的组成部分。 用这种方式强调的确切方式取决于语言。
注意!
-
<em>
元素也不是为了传达重要性; 为此,<strong>
元素更合适。 -
<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>
。