html标签之img，input标签

在做项目的过程中总会发现很多小知识点，例如我在引入img标签时，可以设置它的宽高而且也显示独占一行，但是他确实是行内元素，于是进行多方查询，解开疑惑。

1.img是行内元素

2.img行内元素，但同时它也是置换元素，置换元素一般内置宽高属性，因此可以设置其宽高

3.置换元素

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

例如：浏览器根据标签的src属性显示图片。根据标签的type属性决定显示输入框还是按钮。

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

html中的都是置换元素，这些置换元素往往没有实际内容，即是一个空元素。

4.非置换元素

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

例如标签，

标签里的内容会被浏览器直接显示给用户。