前端HTML学习-(7)可替换元素

124 阅读1分钟

前言

  • 什么是可替换元素,什么是非可替换元素,它们各自有什么特点?

什么是替换元素

所谓可替换元素(replaced element),是指一些展现效果不由CSS来控制的元素。这些元素是一种外部对象,它外观的渲染,是独立于CSS的。

简单来说,它们的内容不受当前文档的样式的影响。CSS可以影响可替换元素的位置,但不会影响到可替换元素自身的内容。某些可替换元素,例如<iframe>元素,可能具有自己的样式表,但它们不会继承父文档的样式。

与替换元素相对应的,就是非替换元素,顾名思义就是那些样式完全由CSS来控制的元素,例如p,h1~h6等。

更多参考developer.mozilla.org/zh-CN/docs/…

常见的替换元素

典型的可替换元素有:

有些元素仅在特定情况下被作为可替换元素处理,例如:

总结

  • 什么是可替换元素,什么是非可替换元素,它们各自有什么特点?

可替换元素是指一些展现效果不由CSS来控制的元素。

比如img元素就是一个可替换元素,它在页面中显示出的效果主要取决于你连接的是什么图片,图片是什么它就展示什么,CSS虽然可以控制图片的尺寸位置,但永远无法控制图片本身。

img、video、iframe、embe等元素都属于可替换元素。

非可替换元素就是指的普通元素,它具体在页面上呈现什么,完全由CSS来决定。