【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>和<inputtype="button">

 

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

 

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

 

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

 

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

 

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

 

　　【8】text-align:center和<center>

 

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

 

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

 

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

 

　　【9】letter-spacing和word-spacing

 

　　letter-spacing是指字母的间隔；

 

　　word-spacing是指单词间隔。

 

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

 

　　word-spacing对中文不起作用






本文转载自中文网