em和i

em和i这两个元素,在以前常常被混用,或者说混淆,html 5以后,语义的概念被强化,这两个标签的区别也更加明显。

em侧重内容的强调、着重,凸显其重要性,而i则只是表明内容需要加以区别/区分,表示从正常的散文中区分出的文本, 如电影或书籍的名字,一个外来词, 或者当文本指的是一个字的定义,而不是其自身代表的语义。因此,em元素是可以嵌套的,嵌套越深的em元素,说明其越重要,而对于i,虽然嵌套并不会引起错误,但并不存在语义上的必要。

举个栗子,


"<em>I <em>am</em></em><i>Ironman</i>!",He said.

"I am Ironman",He said.

虽然肉眼看起来的效果,I、am以及Ironman都是斜体显示,但是如果有语音阅读等程序在处理这些内容时,I和am都会执行重(zhong四声)读(并且am会得到更加突出的表现),而Ironman的斜体则不会引起类似的处理,它要传递语义仅仅是这个单词本身有些特殊,而不是强调含义重要。

Show Comments

Get the latest posts delivered right to your inbox.