HTML標(biāo)簽元素分類
HTML標(biāo)簽元素的分類主要有以下兩種分類方式:
1.按照元素閉合特征分類
2.按照是否換行特征分類
按照元素閉合特征分類
- 閉合標(biāo)簽:
閉合標(biāo)簽是指由開始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽,這種標(biāo)簽允許嵌套和承載內(nèi)容妆档,例如<html></html>
却舀、<div></div>
、<p></p>
等 - 空標(biāo)簽
空標(biāo)簽是指沒有內(nèi)容的標(biāo)簽,在開始標(biāo)簽中自動(dòng)閉合。常見的空標(biāo)簽有:<br/>
、<hr/>
等
按照是否換行特征分類
- 塊級(jí)元素
1.每個(gè)塊級(jí)元素獨(dú)占一行钮热,每個(gè)塊級(jí)元素都會(huì)從新的一行開始,從上到下排布哥纫。
2.塊級(jí)元素可以直接控制寬度霉旗、高度以及盒子模型的相關(guān)css屬性。
3.在不設(shè)置寬度的情況下蛀骇,塊級(jí)元素的寬度是他父級(jí)元素內(nèi)容的寬度。
4.在不設(shè)置高度的情況下读拆,塊級(jí)元素的高度是他本身內(nèi)容的高度擅憔。
常見的塊級(jí)元素有:
<div></div>
、<p></p>
檐晕、<hx></hx>
暑诸、<hr/>
蚌讼、<table></table>
、<form></form>
个榕、<ol></ol>
等 - 行內(nèi)元素
1.行內(nèi)元素之間從左到右顯示在一行篡石。
2.行內(nèi)元素不能直接控制寬度、高度以及盒子模型的相關(guān)css屬性西采,其寬高是由內(nèi)容本身的大小決定的凰萨,但是可以設(shè)置內(nèi)外邊距的水平方向的值。也就是說對(duì)于內(nèi)聯(lián)元素的margin
和padding
械馆,只有margin-left
/margin-right
和padding-left
/padding-right
是有效的胖眷,但是豎直方向的margin
和padding
無效果。
3.行內(nèi)塊級(jí)元素只能容納文本或者其他行內(nèi)元素(不要在行內(nèi)元素中嵌套塊級(jí)元素)霹崎。
常見的行內(nèi)元素有:
<a></a>
珊搀、<span></span>
、<b></b>
等 - 行內(nèi)塊級(jí)元素(替換元素)
1.瀏覽器根據(jù)其標(biāo)簽的元素與屬性來判斷顯示的具體內(nèi)容
2.在同一行顯示
3.可以直接控制寬高
常見的行內(nèi)塊級(jí)元素有:
<img>
尾菇、<input>
境析、<textarea>