解释几个概念：
替换元素：官方解释是，一个内容不受css视觉格式化模型控制，css渲染模型并不考虑对此内容的渲染，且元素一般拥有固定的尺寸，（高度，宽度）的元素，被称为置换元素。通俗来说就是浏览器根据元素的标签和属性，来决定元素的具体显示内容。
举例来说：浏览器会根据img标签的src属性的值来读取图片信息并显示出来，而如果查看html代码，则看不出图片的内容，根据input标签的type属性来决定是显示输入框还是单选按钮等，这些元素往往没有实际的内容，即是一个空元素。
非置换元素：直接告诉浏览器，将其内容显示出来，p中的内容，label的内容。
原文：https://www.cnblogs.com/dystar/p/10778353.html