CSS | 替换元素（可置换元素）

替换元素

定义：可替换元素是指元素内容的展现不是由 CSS 来控制的，而是外观渲染独立于 CSS 的外部对象。

详见：MDN

典型的可替换元素有：<img>、<iframe>、<video>、<embed>

有些元素仅在特定情况下被作为可替换元素处理，例如：<audio>、<canvas>、<option>、<object>

简而言之，可替换元素的具体显示内容，是浏览器根据元素的标签和属性来决定的。

而不可替换元素则是将内容直接展现出来。

非替换元素

定义：不是替换元素的元素就是非替换元素

示例

可替换元素

例如 <img src="hello.jpg">，img 标签的内容会根据其 src 属性的值来决定所要显示的内容，换句话说，如果要替换当前显示的图片，直接修改src的值即可。

不可替换元素

例如 <h1> 这是不可替换标签 </h1>，此时的 h1 标签即为不可替换元素，浏览器会直接显示标签内的文本。