<p>本章我们给大家介绍详解HTML中相似的标签和属性的有什么区别。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。</p><p><strong>【1】<i></i> 和 <em></em>标签</strong></p><p>相同：都是表示斜体。</p><p>区别：</p><p>（1）<em>表示被强调呈现的内容，<i>是物理上的斜体，没有内容上的意义。</p><p>（2）<em>标签是“含有语义”的标签，搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时，一些屏幕阅读器可能使用不同的inflection，更利于SEO。</p><p><strong>【2】<br/> 和 <p> 标签</strong></p><p>相同：都有换行的属性。</p><p>区别：<br/>单独使用；执行小换行。</p><p><p></p>成对使用；执行段落之间大换行。</p><p><strong>【3】<strong> 和 <b> 标签</strong></p><p><strong>是逻辑标签，加强字符的语气，表示强调。也可通过css来改变strong的具体表现。</p><p><b>是实体标签，表示加粗.</p><p>为了符合现在W3C的标准，推荐使用strong标签。</p><p><strong>【4】<span> 和 <div> 标签</strong></p><p>相同：容器标记而被广泛应用在html语言中 如果把“<div>”换成"<span>",执行后会发现效果完全一样。两者都是起到独立出各块区块的作用。</p><p>区别：<span>是 行类元素 在它的前后不会换行；</p><p>而<div>是块级元素 他包围的元素会自动换行。一个div占一行。</p><p><strong>【5】valign 和 align 属性</strong></p><p>valign:代表行的垂直对齐方式【上top 中center/mmiddle 下bottom】</p><p>align：代表水平方向的对其【左left 中center/middle 右right】</p><p><strong>【6】center 和 middle 属性</strong></p><p>align=middle 一般是图片居中</p><p>align=center 一般是文字居中</p><p>效果相同时可以通用</p><p>通常使用center，middle在IE中可能不起作用</p><p><strong>【7】<button> 和 <input type="button"></strong></p><p><button>提供了更为强大的功能和更丰富的内容.</p><p><button> 与 </button> 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。</p><p>唯一禁止使用的元素是图像映射。</p><p>请始终为按钮规定 type 属性。</p><p>Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。</p><p><strong>【8】text-align:center 和 <center></strong></p><p><center> 不仅影响文本，还会把整个元素居中。</p><p>text-align 不会控制元素的对齐，而只影响内部内容。</p><p>元素本身不会从一段移到另一端，只是其中的文本受影响。</p><p><strong>【9】letter-spacing 和 word-spacing</strong></p><p>letter-spacing 是指字母的间隔；</p><p>word-spacing 是指单词间隔。</p><p>中文一般是letter-spacing控制字符间距</p><p>word-spacing对中文不起作用</p><p>以上就是详解HTML中相似的标签和属性的有什么区别的详细内容~~</p>