**置换元素:**浏览器根据元素的标签和属性来显示元素的具体内容。
例如:
- 浏览器会根据img标签的src属性的值来读取图片信息并显示出来,如果查看(x)html代码,则看不到图片的实际内容;
<img src="images/img.png" alt="这是一张图片" title="花" />
- input标签的type属性来决定是显示输入框还是按钮等。
<input type="button" value="button" />
(x)html中的img、input、textarea、select、object都是置换元素。这些元素往往没有实际的内容,即是一个空元素。
不可置换元素:(x)html的大多数元素都是不可替换元素,即其内容直接表现给用户端(如浏览器)。例如:
<span>这是一段文字</span>
这里直接显示文字。
置换元素在其显示中生成了框,这就是有的内联元素能够设置宽高的原因。其特性相当于inline-block。具体可参考博客:置换元素(替换元素)和非置换元素(不可替换元素)