置换元素

**置换元素：**浏览器根据元素的标签和属性来显示元素的具体内容。

例如：

• 浏览器会根据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。具体可参考博客：置换元素(替换元素)和非置换元素(不可替换元素)