1 種類劃分

1.1 塊級元素

特征：獨占父元素的一行，可以設置寬高，高度默認由內容決定。

常用標簽：div、p、h1~h6、ul、ol、li、dl、dt、dd、table、form

不常用標簽：pre用來定義預格式化文本，pre內的文本會保留空格和換行符。blockquote用來定義引用文本。hr是水平分割線。

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

1.2 行內元素

特征：一行可以放置多個行內元素

1.2.1 替換元素

特征：可以設置寬高

標簽：img、input、iframe、video、embed、canvas、audio

1.2.2 非替換元素

特征：不可以設置寬高，寬高由內容決定

標簽：a、strong、span、code、label

2 種類比較

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

替換元素和非替換元素：替換元素就是根據元素內相關屬性的不同，瀏覽器會有不同的解析展現。所有的塊級元素都是非替換元素。

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

3 inline、inline-block和block的區別

• block是塊級元素的樣式，可以為元素設置寬高啊margin和padding，單獨占滿一行
• inline不可以控制寬高margin、padding，多個元素占滿一行才會換行
• inline-block可以控制寬高margin、padding，多個元素占滿一行才會換行，兼具了block和inline的特點，ie不支持

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。