面试真题｜strong、em等标签的区别

码匠 2017-04-05 09:54

HTML5学堂(码匠)：这个知识是在结构（HTML）部分需要了解的辨析类知识。主要从表现形式、标签类型、强调、SEO等几个角度回答。在记忆此类知识时，推荐列项进行记忆。

HTML基本标签 - 码匠

1、b、i属于修饰类标签；strong、em属于内容类标签（strong和em是逻辑标签，b和i是物理标签）；

2、b、strong标签表现为加粗样式；em、i表现为倾斜样式；

3、strong、em表强调；strong比em语气更强烈；strong在html是页面上的强调，而em是句子中的强调；（物理逻辑就是说告诉浏览器我哪里加粗了，没有别的作用，而逻辑标签是强调语气，它强调语气是通过文本加粗来体现的，也可以通过别的样式来强调语气）；

4、strong和em真正做到了结构与样式分离，而b、i没有做到结构与样式的分离；

5、在搜索引擎优化strong和em比b和i重要的多。