【1】<i></i> 和 <em></em>標(biāo)簽
相同:都是表示斜體。
區(qū)別:
(1)<em>表示被強(qiáng)調(diào)呈現(xiàn)的內(nèi)容,<i>是物理上的斜體,沒(méi)有內(nèi)容上的意義。
(2)<em>標(biāo)簽是“含有語(yǔ)義”的標(biāo)簽,搜索引擎會(huì)了解這些語(yǔ)義。其在HTML中是特意被設(shè)定為表示“強(qiáng)調(diào)”的意思。當(dāng)發(fā)現(xiàn)這些表示“強(qiáng)調(diào)”的標(biāo)簽時(shí),一些屏幕閱讀器可能使用不同的inflection,更利于SEO。
【2】<br/> 和 <p> 標(biāo)簽
相同:都有換行的屬性。
區(qū)別:<br/>單獨(dú)使用;執(zhí)行小換行。
<p></p>成對(duì)使用;執(zhí)行段落之間大換行。
【3】<strong> 和 <b> 標(biāo)簽
<strong>是邏輯標(biāo)簽,加強(qiáng)字符的語(yǔ)氣,表示強(qiáng)調(diào)。也可通過(guò)css來(lái)改變strong的具體表現(xiàn)。
<b>是實(shí)體標(biāo)簽,表示加粗.
為了符合現(xiàn)在W3C的標(biāo)準(zhǔn),推薦使用strong標(biāo)簽。
【4】<span> 和 <div> 標(biāo)簽
相同:容器標(biāo)記而被廣泛應(yīng)用在html語(yǔ)言中 如果把“<div>”換成"<span>",執(zhí)行后會(huì)發(fā)現(xiàn)效果完全一樣。兩者都是起到獨(dú)立出各塊區(qū)塊的作用。
區(qū)別:<span>是 行類元素 在它的前后不會(huì)換行;
而<div>是塊級(jí)元素 他包圍的元素會(huì)自動(dòng)換行。一個(gè)div占一行。
【5】valign 和 align 屬性
valign:代表行的垂直對(duì)齊方式【上top 中center/mmiddle 下bottom】
align:代表水平方向的對(duì)其【左left 中center/middle 右right】
【6】center 和 middle 屬性
align=middle 一般是圖片居中
align=center 一般是文字居中
效果相同時(shí)可以通用
通常使用center,middle在IE中可能不起作用
【7】<button> 和 <input type="button">
<button>提供了更為強(qiáng)大的功能和更豐富的內(nèi)容.
<button> 與 </button> 標(biāo)簽之間的所有內(nèi)容都是按鈕的內(nèi)容,其中包括任何可接受的正文內(nèi)容,比如文本或多媒體內(nèi)容。
唯一禁止使用的元素是圖像映射。
請(qǐng)始終為按鈕規(guī)定 type 屬性。
Internet Explorer 的默認(rèn)類型是 "button",而其他瀏覽器中(包括 W3C 規(guī)范)的默認(rèn)值是 "submit"。
【8】text-align:center 和 <center>
<center> 不僅影響文本,還會(huì)把整個(gè)元素居中。
text-align 不會(huì)控制元素的對(duì)齊,而只影響內(nèi)部?jī)?nèi)容。
元素本身不會(huì)從一段移到另一端,只是其中的文本受影響。
【9】letter-spacing 和 word-spacing
letter-spacing 是指字母的間隔;
word-spacing 是指單詞間隔。
中文一般是letter-spacing控制字符間距
word-spacing對(duì)中文不起作用