html标签的划分

按类型划分：

1.block：块状标签。如div、p、ul、li、h1.......

特点：

1. 独占一行
2. 支持所有样式
3. 不设置宽度的时候，宽度与父元素相同
4. 所占区域是一个矩形

2.inline：行内标签。如span、a、em、strong......

特点：

1. 挨在一起
2. 有些样式不支持，如width、height、padding和margin（垂直方向无效）......
3. 宽度由内容决定
4. 所占区域不一定是矩形，内容超过一行时会换行
5. 行内标签之间会有空隙。原因：换行产生的。可以通过设置父元素的fontsize为0，消除间隙。

3.inline-block：行内块标签。

特点：挨在一起，但是支持宽高的设置。具备行内标签和块状标签的特点。​​​​​​​

注：

布局一般用块状标签，修饰文本一般用行内标签。

按显示划分：

1.替换元素

浏览器根据元素的标签和属性，来决定元素的具体显示内容。如img、input......

2.非替换元素

按内容直接告诉浏览器，将其显示出来。如div、h1、p......

按内容划分：

详情可参考：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/Content_categories