详解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占一行。
【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中类似的标签和属性的有什么不同的具体内容,更多请关注百分百源码网其它相关文章!