一、 按显示模块分类

1. 块级元素

单独占一行，可设置宽高，如 <div>、<p>、<h1>、<ul> 等。

2. 行内元素

不独占一行，高度由内容决定，不可设置 width/height，如 <span>、<a>、<em>、<strong> 等。

3. 行内块元素

兼具两者特点，如 <img>、<input>

二、 按内容模型分类

1. 替换类元素

内容由外部资源决定，如 <img>、<input>、<video> ，尺寸可通过 CSS 进行调整

2. 非替代类元素

内容由标签内文本决定，如 <p>、<span>

三、 空元素

无需闭合的元素，如 <img>、<br>、<meta>、<link> 。

提示

在 HTML5 中无需添加 / ，如 <img> 而非 <img />