HTML中相似的標籤和屬性的差異詳解

高洛峰
發布: 2017-02-11 14:40:07
原創
1164 人瀏覽過

【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 

【6】center 和middle 屬性

align=middle 一般是圖片居中

align=center 一般是文字居中

效果相同時可以通用

通常使用center,middle在IE中可能不起作用7】 標籤之間的所有內容都是按鈕的內容,其中包括任何可接受的正文內容,例如文字或多媒體內容。

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

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

Internet Explorer 的預設類型是 "button",而其他瀏覽器中(包括 W3C 規範)的預設值是 "submit"。

【8】text-align:center 和

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

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

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

【9】letter-spacing 和 word-spacing

letter-spacing 是指字母的間隔;

word-spacing 是指單字間隔。

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

 word-spacing對中文不起作用

更多HTML中相似的標籤和屬性的區別詳解相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板