HTML中相似的標簽和屬性的區別詳解
文章目錄
- HTML中相似的標簽和屬性的區別詳解
- 一、區別如下：
- 1、i標簽和em標簽
- 2、br標簽和p標簽
- 3、strong和b標簽
- 4、span標簽和div標簽
- 5、valign 和 align 屬性
- 6、center 和 middle 屬性
- 7、button 標簽 和 input type="button"屬性
- 8、text-align:cente 屬性和 center 標簽
- 9、letter-spacing 和 word-spacing屬性
提示：以下是本篇文章正文內容，下面案例可供參考
一、區別如下：
代碼如下（示例）：
1、i標簽和em標簽
<i></i> 和 <em></em>標簽
相同：都是表示斜體，
區別：
（1）<em>表示被強調呈現的內容，<i>是物理上的斜體，沒有內容上的意義，
（2）<em>標簽是“含有語意”的標簽，搜索引擎會了解這些語意，其在HTML中是特意被設定為表示“強調”的意思，當發現這些表示“強調”的標簽時，一些螢屏閱讀器可能使用不同的inflection，更利于SEO，
2、br標簽和p標簽
<br/> 和 <p> 標簽
相同：都有換行的屬性，
區別：<br/>單獨使用；執行小換行，
<p></p>成對使用；執行段落之間大換行，
3、strong和b標簽
<strong> 和 <b> 標簽
<strong>是邏輯標簽，加強字符的語氣，表示強調，也可通過css來改變strong的具體表現，
<b>是物體標簽，表示加粗.
為了符合現在W3C的標準，推薦使用strong標簽，
4、span標簽和div標簽
<span> 和 <div> 標簽
相同：容器標記而被廣泛應用在html語言中 如果把“<div>”換成"<span>",執行后會發現效果完全一樣，兩者都是起到獨立出各塊區塊的作用，
區別：<span>是 行類元素 在它的前后不會換行；
而<div>是塊級元素 他包圍的元素會自動換行，一個div占一行，
5、valign 和 align 屬性
valign 和 align 屬性
valign:代表行的垂直對齊方式【上top 中center/mmiddle 下bottom】
align：代表水平方向的對其【左left 中center/middle 右right】
6、center 和 middle 屬性
center 和 middle 屬性
align=middle 一般是圖片居中
align=center 一般是文字居中
效果相同時可以通用
通常使用center，middle在IE中可能不起作用
7、button 標簽 和 input type="button"屬性
<button> 和 <input type="button">
<button>提供了更為強大的功能和更豐富的內容.
<button> 與 </button> 標簽之間的所有內容都是按鈕的內容，其中包括任何可接受的正文內容，比如文本或多媒體內容，
唯一禁止使用的元素是影像映射，
請始終為按鈕規定 type 屬性，
Internet Explorer 的默認型別是 "button"，而其他瀏覽器中（包括 W3C 規范）的默認值是 "submit"，
8、text-align:cente 屬性和 center 標簽
text-align:center 和 <center>
<center> 不僅影響文本，還會把整個元素居中，
text-align 不會控制元素的對齊，而只影響內部內容，
元素本身不會從一段移到另一端，只是其中的文本受影響，
9、letter-spacing 和 word-spacing屬性
letter-spacing 和 word-spacing
letter-spacing 是指字母的間隔；
word-spacing 是指單詞間隔，
中文一般是letter-spacing控制字符間距
word-spacing對中文不起作用
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/274076.html
標籤：其他
下一篇：前端專案性能優化記錄~