一、按显示模块分类

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 />