HTML可置换元素与不可置换元素

有这样一个疑问，为什么img是行内元素，但是它还可以设置宽高?

是因为img是典型的置换元素置换元素: img,input,select .textarea .label,Button

没有实际的内容，只是一个空元素

1.  置换元素的内容不受Css约束，它拥有默认的宽度和高度，比如button在页面有默认的大小，input框有默认的大小。而span的标签没有默认大小这个属性的。

2.  浏览器根据元素的标签和属性，来决定元素的具体显示内容，是可替换的元素

非置换元素

1. 有内容，是不可改变的，里面显示什么内容，浏览器就渲染显示什么内容。

这是我对此理解！有问题请大佬多多指点！