替换元素
定义:可替换元素是指元素内容的展现不是由 CSS 来控制的,而是外观渲染独立于 CSS 的外部对象。
详见:MDN
典型的可替换元素有:<img>、<iframe>、<video>、<embed>
有些元素仅在特定情况下被作为可替换元素处理,例如:<audio>、<canvas>、<option>、<object>
简而言之,可替换元素的具体显示内容,是浏览器根据元素的标签和属性来决定的。
而不可替换元素则是将内容直接展现出来。
非替换元素
定义:不是替换元素的元素就是非替换元素
示例
可替换元素
例如 <img src="hello.jpg">,img 标签的内容会根据其 src 属性的值来决定所要显示的内容,换句话说,如果要替换当前显示的图片,直接修改src的值即可。
不可替换元素
例如 <h1> 这是不可替换标签 </h1>,此时的 h1 标签即为不可替换元素,浏览器会直接显示标签内的文本。