替换元素和非替换元素（置换元素和非置换元素）

定义

置换元素是具有固有尺寸（intrinsic dimensions），浏览器根据其标签和属性决定显示内容的元素。

性质

1.替换元素是其内容不受CSS视觉格式化模型控制的元素

2.一个元素，如果不是替换元素，就是非替换元素

• CSS视觉格式化模型

常见替换/非替换

听说大多数元素是不可替换元素，那就记得几个常用的替换元素就好啦：

div、img、input

完全版分类我没看懂，不过列在下面啦：

1.视图元素，如img、object、 video
2. 表单元素，如textarea、input
3. 某些元素只在一些特殊情况下表现为可替换元素，例如audio和canvas。
4. 通过 CSS content 属性插入的对象 被称作 匿名可替换元素（anonymous replaced elements）。

原文链接：https://blog.csdn.net/qq_36145914/article/details/86616396

不过又看到一篇说：

HTML 规范也说了 input元素可替换，因为 “image” 类型的 input 元素就像img一样被替换。但是其他形式的控制元素，包括其他类型的 input元素，被明确地列为非可替换元素（non-replaced elements）。该规范用术语小挂件（Widgets）来描述它们默认的限定平台的渲染行为。

原文链接：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element

可能就是只有img类型的input才是可替替换元素吧，别的input就不是了。

参考资料

看完之后明澈的博客：

https://blog.csdn.net/qq_36145914/article/details/86616396#_32

查找资料中的博客推荐：

https://www.cnblogs.com/WebShare-hilda/p/4713890.html

https://blog.csdn.net/sakurallj/article/details/48277463

W3C官网，不知道怎么搞：

https://www.w3.org/