详解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 标签

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

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

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

【5】valign 和 align 属性

valign:代表行的垂直对齐方式【上top 中center/mmiddle 下bottom】

align：代表水平方向的对其【左left 中center/middle 右right】

【6】center 和 middle 属性

align=middle 一般是图片居中

align=center 一般是文字居中

效果相同时可以通用

通常使用center，middle在IE中可能不起作用

【7】 button 和 input type= button

button 提供了更为强大的功能和更丰富的内容.

button 与 /button 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。

唯一禁止使用的元素是图像映射。

请始终为按钮规定 type 属性。

Internet Explorer 的默认类型是 button ，而其他浏览器中（包括 W3C 规范）的默认值是 submit 。

【8】text-align:center 和 center

center 不仅影响文本，还会把整个元素居中。

text-align 不会控制元素的对齐，而只影响内部内容。

元素本身不会从一段移到另一端，只是其中的文本受影响。

【9】letter-spacing 和 word-spacing

letter-spacing 是指字母的间隔；

word-spacing 是指单词间隔。

中文一般是letter-spacing控制字符间距

word-spacing对中文不起作用

以上就是详解HTML中相似的标签和属性的有什么区别的详细内容，html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。