HTML中相似的標籤和屬性的區別詳解

相同：都是表示斜體。

區別：

（1）<em>表示被強調呈現的內容，<i>是物理上的斜體，沒有內容上的意義。

（2）<em>標籤是含有語義的標籤，搜索引擎會了解這些語義。其在HTML中是特意被設定為表示強調的意思。當發現這些表示強調的標籤時，一些屏幕閱讀器可能使用不同的inflection，更利於SEO。

相同：都有換行的屬性。

區別：<br/>單獨使用；執行小換行。

<p></p>成對使用；執行段落之間大換行。

<strong>是邏輯標籤，加強字符的語氣，表示強調。也可通過css來改變strong的具體表現。

<b>是實體標籤，表示加粗.

為了符合現在W3C的標準，推薦使用strong標籤。

相同：容器標記而被廣泛應用在html語言中如果把<div>換成<span>,執行後會發現效果完全一樣。兩者都是起到獨立出各塊區塊的作用。

區別：<span>是行類元素在它的前後不會換行；

而<div>是塊級元素他包圍的元素會自動換行。一個div佔一行。

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

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

align=middle 一般是圖片居中

align=center 一般是文字居中

效果相同時可以通用

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

<button>提供了更為強大的功能和更豐富的內容.

<button> 與</button> 標籤之間的所有內容都是按鈕的內容，其中包括任何可接受的正文內容，比如文本或多媒體內容。

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

請始終為按鈕規定type 屬性。

Internet Explorer 的默認類型是button，而其他瀏覽器中（包括W3C 規範）的默認值是submit。

<center> 不僅影響文本，還會把整個元素居中。

text-align 不會控制元素的對齊，而只影響內部內容。

元素本身不會從一段移到另一端，只是其中的文本受影響。

letter-spacing 是指字母的間隔；

word-spacing 是指單詞間隔。

中文一般是letter-spacing控製字符間距

word-spacing對中文不起作用