1 種類劃分

1.1 塊級元素

特征：獨(dú)占父元素的一行，可以設(shè)置寬高，高度默認(rèn)由內(nèi)容決定。

常用標(biāo)簽：div、p、h1~h6、ul、ol、li、dl、dt、dd、table、form

不常用標(biāo)簽：pre用來定義預(yù)格式化文本，pre內(nèi)的文本會(huì)保留空格和換行符。blockquote用來定義引用文本。hr是水平分割線。

語義化標(biāo)簽：article、aside、footer、header、main、nav、section，語義化標(biāo)簽增加了代碼的可讀性，有利于搜索引擎優(yōu)化。

1.2 行內(nèi)元素

特征：一行可以放置多個(gè)行內(nèi)元素

1.2.1 替換元素

特征：可以設(shè)置寬高

標(biāo)簽：img、input、iframe、video、embed、canvas、audio

1.2.2 非替換元素

特征：不可以設(shè)置寬高，寬高由內(nèi)容決定

標(biāo)簽：a、strong、span、code、label

2 種類比較

總體來說可以有兩種劃分方式：

替換元素和非替換元素：替換元素就是根據(jù)元素內(nèi)相關(guān)屬性的不同，瀏覽器會(huì)有不同的解析展現(xiàn)。所有的塊級元素都是非替換元素。

行內(nèi)元素和塊級元素：行內(nèi)元素可以一行顯示多個(gè)，塊級元素一行顯示一個(gè)，塊級元素可以設(shè)置寬、高、margin和padding，行內(nèi)元素非替換元素不能設(shè)置，替換元素可以設(shè)置。

3 inline、inline-block和block的區(qū)別

• block是塊級元素的樣式，可以為元素設(shè)置寬高啊margin和padding，單獨(dú)占滿一行
• inline不可以控制寬高margin、padding，多個(gè)元素占滿一行才會(huì)換行
• inline-block可以控制寬高margin、padding，多個(gè)元素占滿一行才會(huì)換行，兼具了block和inline的特點(diǎn)，ie不支持

總結(jié)

以上是生活随笔為你收集整理的【HTML/CSS】HTML元素种类的划分的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。