popring's Blog

前端打工人一枚,如果有有趣的问题,欢迎电邮,koler778@gmail.com。

0%

可替换元素和不可替换元素

可替换元素(置换元素)

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

例如:浏览器会根据 <img> 标签的src属性的值来读取图片信息并显示出来,而如果查看(x)html代码,则看不到图片的实际内容;<input> 标签的type属性来决定是显示输入框,还是单选按钮等。 (x)html中的<img><input><textarea><select><object> 都是置换元素。这些元素往往没有实际的内容,即是一个空元素。

置换元素在其显示中生成了框,这也就是有的内联元素能够设置宽高的原因。

不可替换元素(非置换元素)

(x)html 的大多数元素是不可替换元素,即其内容直接表现给用户端(如浏览器)。

例如:标签

1
<label>label中的内容</label>

牛客题目

mdn 可替换元素