可替换元素

在 Web 开发中，可替换元素（replaced element）是指其内容由外部资源或文档结构外部定义的内容替换的 HTML 元素，并且在 CSS 渲染模型中不被视为常规内容。它们是外部对象，其表现独立于 CSS 格式化模型。

以下元素通常为可替换元素：

• <img>
• <video>
• <iframe>
• <embed>
• <fencedframe>

以下元素仅在特定情况下被视为可替换元素：

• <audio>
• <canvas>
• <object>
• <input>（仅 image 输入类型）

可替换元素通常具有固有尺寸和固有比例。例如，<img> 元素的内容通常由其 src 属性指定的图片替换。该图片具有以绝对单位指定的固有宽度和高度，从而决定其宽高比。

表单控件通常是非可替换的控件，但 <input type="image"> 除外，它会被图片替换。通过 CSS 的 content 属性插入的对象属于匿名可替换元素。它们之所以“匿名”，是因为它们在 HTML 标记中并不存在。