CSS Replaced Elements

在Web开发中，可替换元素是指如下一类元素：

1. 内容来自外部资源。
2. 内容定义在document之外。

这么说可能有点抽象，我们举一个例子，下面的html中通过img标签引入了一个图片：

<img src="https://example.com/image.jpg" alt="Example Image">

在这个例子中，img元素就是一个可替换元素，因为它的内容（图片）来自于外部资源（src属性指定的URL）。

Html中的可替换元素有如下这些：

1. <img>：用于显示图像。
2. <video>：用于显示视频。
3. <iframe>：用于嵌入其他HTML文档。
4. <embed>：用于嵌入外部内容，如PDF文件或Flash动画。
5. <fencedframe>：用于嵌入其他HTML文档。

以下这些tag在某些情况下也可能是可替换元素：

1. <audio>：用于显示音频。
2. <canvas>：用于绘制图形。
3. <object>：用于嵌入外部内容，如PDF文件或Flash动画。
4. <input>：用于显示表单控件。(image input types only)

可替换元素的特点

1. 有自己的固有尺寸和固有纵横比，比如对于一个image来说，这个image本身就有大小和纵横比。当然，多数情况下，我们会用CSS控制它们显示的大小。
2. 不能使用:before和:after伪元素。