HTML5中重新定义的 b 和 i 元素

　　HTML5强调元素的语义，而非表现。b和i元素是早期HTML遗留下来的产物，它们分别用于将文本变为粗体和斜体（那时CSS还未出现）。

当时的规范建议编码人员用strong替代b，用em替代i。不过，事实证明，em和strong有时在语义上并不合适。为此，HTML5重新定义了b和i。

　　HTML5没有创建一些新的语义化元素而是直接利用现有元素：em用于所有层次的强调，strong用于表示重要性，而其他情况则使用b和i。

这意味着，尽管b和i并不包含任何明显的语义，但读者仍能发现它们与周边文字的差别。而且你还可以通过CSS改变它们粗体或斜体的样式。

　　HTML5强调，b和i应该是其他元素（如strong、em、cite等）都不适用时的最后选择。

◎b元素简介HTML5将b重新定义为：

b元素表示出于实用目的提醒读者注意的一块文字，不传达任何额外的重要性，也不表示其他的语态和语气，

用于如文档摘要里的关键词、评论中的产品名、基于文本的交互式软件中指示操作的文字、文章导语等。

例如：

<p>The <b>XR-5</b>, also dubbed the <b>Extreme Robot 5</b>, is the best robot we've ever ➝tested.</p>

b元素默认显示为粗体。

 

◎i元素简介HTML5将i重新定义为：

i元素表示一块不同于其他文字的文字，具有不同的语态或语气，或其他不同于常规之处，

用于如分类名称、技术术语、外语里的惯用语、翻译的散文、西方文字中的船舶名称等。

例如：

<p>The <i lang="la">Ulmus americana</i> is the Massachusettsstate tree.</p>

<p>We rode the <i>Orient Express</i>.</p>

<p>The couple exhibited a <i lang="fr">joie de vivre</i> that was infectious.</p>

i元素默认显示为斜体。

转载于:https://www.cnblogs.com/Charons/p/11117354.html