关于置换和非置换元素_html/css_WEB-ITnose

一、引题

立即学习“前端免费学习笔记（深入）”；

在之前的浅谈HTML中的块级元素和内联元素中了解到了内联元素一般是不能设置宽高的，但是也有特殊。比如img是内联元素，但可以设置宽高，这肯定让不少人迷惑。这样我们就要引入HTML中置换元素的概念（非置换元素在w3c中没有给出明确的解释，姑且我们就把除置换元素外的元素当作非置换元素吧）。

立即学习“前端免费学习笔记（深入）”；

立即学习“前端免费学习笔记（深入）”；

二、置换元素与非置换元素

立即学习“前端免费学习笔记（深入）”；

立即学习“前端免费学习笔记（深入）”；

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

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

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

例如： label中的内容 标签是一个非置换元素，文字label中的内容”将全被显示。