html中相似的标签、属性的区别

【1】<i></i> 和 <em></em>标签

相同：都是表示斜体。

区别： （1）<em>表示被强调呈现的内容，<i>是物理上的斜体，没有内容上的意义。

（2）<em>标签是“含有语义”的标签，搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时，一些屏幕阅读器可能使用不同的inflection，更利于SEO。

 

【2】<br/> 和 <p> 标签

相同：都有换行的属性。

区别：<br/>单独使用；执行小换行。

　　　<p></p>成对使用；执行段落之间大换行。

 

【3】<strong> 和 <b> 标签

<strong>是逻辑标签，加强字符的语气，表示强调。也可通过css来改变strong的具体表现。

<b>是实体标签，表示加粗。

为了符合现在W3C的标准，推荐使用strong标签。

 

【4】<span> 和 <div> 标签

相同：容器标记而被广泛应用在html语言中 如果把“<div>”换成"<span>",执行后会发现效果完全一样。两者都是起到独立出各块区块的作用。

区别：<span>是 行类元素 在它的前后不会换行

而<div>是块级元素 他包围的元素会自动换行。一个div占一行。