关于HTML中的置换与非置换元素

想写这个博文是由于我在做关于HTML/CSS的专项练习的时候，碰到有题目是这样问的：以下哪些元素是置换元素？结果，我当时就一脸懵逼，因为之前并没有接触到过置换元素和非置换元素这两个概念，那么废话不多说~下面我们就来了解一下吧 ：P！

仍旧是从一个问题开始：什么叫置换元素？什么又叫非置换元素呢？

什么是置换元素？

让我们来看下MDN上是怎么定义的：

CSS 中所谓的「置换元素 (Replaced element)」，即是该元素所呈现的内容不在 CSS 的控制范围之内。这类外部物件所呈现的内容均独立于 CSS 之外。

一个内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，被称之为置换元素。

例如：img、input、textarea、select等都是置换元素。

什么是非置换元素？

浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。

例如：p、span、label等标签都是非置换元素。