html中相似的標籤、屬性的區別

【1】 和 標籤

相同：都是表示斜體。

區別： （1）表示被強調呈現的內容，是物理上的斜體，沒有內容上的意義。

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

 

【2】
和

標籤

相同：都有換行的屬性。

區別：
單獨使用；執行小換行。

　　　

成對使用；執行段落之間大換行。

 

【3】 和 標籤

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

是實體標籤，表示加粗。

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

 

【4】 和

標籤

相同：容器標記而被廣泛應用在html語言中 如果把「

」換成效果完全一樣。兩者都是起到獨立出各區塊區塊的作用。 區別：

是 行類元素 在它的前後不會換行；  

而

是塊級元素 他包圍的元素會自動換行。一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】

 和  

提供了更強大的功能和更豐富的內容。

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

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

請務必為按鈕規定 type 屬性。

Internet Explorer 的預設類型是 "button"，而其他瀏覽器中（包括 W3C 。  

【8】

text-align:center 和

 

 不僅影響文本，還會將整個元素居中。

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

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

 

【9】

letter-spacing 和 word-spacing

letter-spacing 是指字母

的間隔；

word-spacing 是指

單字

間隔。  中文一般是letter-spacing

控製字元間距  word-spacing對中文不起作用

 

部分資料來自（http://blog.sina.com.cn/s/blog_52dbd87601013vmp.html）侵權刪除

走的太遠，不忘初心