置换元素与非置换元素

Posted 2020-08-24 那一季的银杏叶

　　置换元素/替换元素：

　　　　浏览器根据元素的标签和属性，来决定元素的具体显示内容。

　　　　浏览器根据<img>的src属性显示图片。根据<input>的type属性决定显示输入框还是按钮。

 

　　　　置换元素包括：<img><input><textarea><select><object>等。

 

　　置换元素区别于一般的inline元素：

　　　　置换元素拥有内在尺寸，他们可以设置width,height属性。

　　　　其原因是置换元素在显示的时候生成了框。

　　置换元素在W3C中的定义：

　　　　“An element that is outside the scope of the CSS formatter, such as an image, embedded document, or applet”

　　　　

　　非置换元素/非替换元素：

　　　　浏览器中的大多数元素都是不可置换元素，即其内容直接展示给浏览器。

 

　　　说明：非置换元素在W3C中无明确定义，非置换元素对应着置换元素，我们理解置换元素，就可以理解非置换元素了。

 

　　　（该文仅供学习交流。如有不同观点，欢迎留下宝贵意见~）