html元素也可以分为替换元素和非替换元素
1.替换元素
替换元素是由浏览器根据表示的元素和属性决定显示的内容。
例如：<img src="./image.jpg" />他由标签元素img和属性src来决定显示的内容。
<input type="text" />如果text换成其他的属性值，input会显示不同的样子，这也是有input和type属性值决定显示内容的。
像<img>、<input>、<textarea>、<select>、<object>都是替换元素，这些元素没有实质的内容
2.非替换元素
html中大多数都是非替换元素，浏览器直接显示标签元素的内容。
比如：<p>paper</p>
行内非替换元素
width和height在行内非替换元素中无效。行内非替换元素框的宽度是它的内容渲染后（在任何子元素相对偏移之前）的宽度，它的高则是基于字体。
<a>、<span>是行内非替换元素
但是浮动后的行内非替换元素可以使用width和height。