HTML中常见的元素分类(三种)

今天来和大家分享一下,我在学习过程中遇到的HTML元素的几种类别,目前来说我知道的有三类:
块状元素(block), 内联元素(inline 也称为行内元素), 可变元素.

1. 块状元素(block)
(1) 块状元素在网页中就是以块的形式显示(显示形状为矩形). 块状元素默认没有自己高度和宽度,默认情况下它的宽度是继承其父元素的宽度,高度是内容撑起来的高度,没有内容的时候高度为0.
常用的块状元素:div, dl, dt, dd, ul, ol, fiedset, (h1-h6), p, form, hr, collgroup, col, table, tr,td等;
(2) 块状元素的特点:

• 默认的情况下,块状元素都会独占一行,块状元素会按顺序自上而下排列;
• 块状元素都可以直接设置宽度和高度;
• 块状元素都遵循盒模型的所有规则,一般作为其他元素的容器(p标签除外);

2.内联元素(inline 或称行内元素)
(1) 常见的行内元素:span, a, i, em, strong, b等;
(2) 类联元素的特点:

• 内联元素后面如果是内联元素,则会在一行内逐个显示;
• 内联元素现实的宽度,高度,不能直接定义,它最小的内容单元也会呈现矩形形状;
• 内联元素遵循盒模型的规则,但是会有部分无法显示;

(当然我们也可以通过改变内联元素的display属性,来实现对其宽度和高度的设置,这个知识点我会放在下一篇和大家分享)
3.可变元素
可变元素需要根据上下文关系来确定这个元素是块元素还是内联元素(感觉就像一个铁骨铮铮的墙头草,哈哈哈);这个我知道的也就这么点了,因为我基本上没用过,上面的两种元素就够用了.

嗯,今天就这么多了,如果有那些不对的地方请各位指正,谢谢!