<i>和<em>、<b>和<strong>的区别

<i>和<em>、<b>和<strong>的区别

1、< b > < i > 是视觉要素（presentationl elements），分别表示无意义的加粗，无意义的斜体，表现样式为 { font-weight: bolder }，仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」，而没有强调的语义，建议用CSS样式替代这两个标签

2、< em > 和 < strong > 是表达要素(phrase elements)。 < em > （emphasized text）表示一般的强调文本，而 < strong > （strong emphasized text）表示比 < em > 语义更强的的强调文本。这两个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。

3、<strong>和<em>标签是“含有语义”的标签，搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时，一些屏幕阅读器可能使用不同的语调。而<b>和<i>标签主要体现在网页布局上面的视觉效果体现。

4、如果在一段文本中，仅仅是想加粗或斜体显示某些文本，应该用<span>标签，然后给它定义CSS样式；如果是想在语义上强调一部分文本，例如关键词，那么应该用<em>和<strong>标签，<strong>标签表示比<em>标签更强调。