WithCoderWithCoderWithCoder

html基础之替换元素和非替换元素

根据是否具有可替换内容,html元素可以分为替换元素和非替换元素。

1. 替换元素

    替换元素是由浏览器根据元素的标签和属性决定显示的内容。

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

    典型的可替换元素有:

    • <iframe>

    • <video>

    • <embed>

    • <img>

    例如:

    <img src="./image.jpg" />

    在img标签中没有写入任何内容,是浏览器去下载src属性指定的图片,并用该图片资源替换掉img标签,而且浏览器在下载前并不知道图片的宽高。所以,可替换元素比较特殊,它的宽高是由其加载的内容决定的。(当然CSS可以覆盖其样式)

2. 非替换元素

    html中大多数都是非替换元素,浏览器直接显示标签元素的内容。

    比如:<p>paper</p>

欢迎分享交流,转载请注明出处:WithCoder » html基础之替换元素和非替换元素