詳細(xì)說明HTML中相似的標(biāo)簽與屬性的有什么區(qū)別

【1】<i></i> 和 <em></em>標(biāo)簽

相同：都是表示斜體。

區(qū)別：

（1）<em>表示被強調(diào)呈現(xiàn)的內(nèi)容，<i>是物理上的斜體，沒有內(nèi)容上的意義。

（2）<em>標(biāo)簽是“含有語義”的標(biāo)簽，搜索引擎會了解這些語義。其在HTML中是特意被設(shè)定為表示“強調(diào)”的意思。當(dāng)發(fā)現(xiàn)這些表示“強調(diào)”的標(biāo)簽時，一些屏幕閱讀器可能使用不同的inflection，更利于SEO。

【2】<br/> 和 <p> 標(biāo)簽

相同：都有換行的屬性。

區(qū)別：<br/>單獨使用；執(zhí)行小換行。

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

【3】<strong> 和 <b> 標(biāo)簽

<strong>是邏輯標(biāo)簽，加強字符的語氣，表示強調(diào)。也可通過css來改變strong的具體表現(xiàn)。

<b>是實體標(biāo)簽，表示加粗.

為了符合現(xiàn)在W3C的標(biāo)準(zhǔn)，推薦使用strong標(biāo)簽。

【4】<span> 和 <div> 標(biāo)簽

相同：容器標(biāo)記而被廣泛應(yīng)用在html語言中 如果把“<div>”換成"<span>",執(zhí)行后會發(fā)現(xiàn)效果完全一樣。兩者都是起到獨立出各塊區(qū)塊的作用。

區(qū)別：<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>提供了更為強大的功能和更豐富的內(nèi)容.

<button> 與 </button> 標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容，其中包括任何可接受的正文內(nèi)容，比如文本或多媒體內(nèi)容。

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

請始終為按鈕規(guī)定 type 屬性。

Internet Explorer 的默認(rèn)類型是 "button"，而其他瀏覽器中（包括 W3C 規(guī)范）的默認(rèn)值是 "submit"。

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

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

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

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

【9】letter-spacing 和 word-spacing

letter-spacing 是指字母的間隔；

word-spacing 是指單詞間隔。

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

word-spacing對中文不起作用

以上就是詳解HTML中相似的標(biāo)簽和屬性的有什么區(qū)別的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！