HTML的替换元素和非替换元素、空元素、行内元素和块级元素和可变元素

替换元素（replaced element）
是浏览器根据其标签的元素与属性来判断显示具体的内容，且元素一般拥有固定的尺寸（宽高或宽高比）
其展现不由CSS来控制的。这些元素是一类外观渲染独立于CSS的对象。
它们的内容不受当前文档的样式的影响。CSS可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。
典型的可替换元素有

<iframe>、<img>、 <object>、 <video> 以及 表单元素：如<textarea>、 <input> 、<select> 、<button>
某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。

非替换元素
html中大多数都是非替换元素，他们直接将内容告诉给浏览器，直接显示出来
例如，p标签，浏览器回直接显示出p标签里面的内容

替换元素和非替换元素在行内标签和块级标签中都存在

空元素
HTML元素的内容是开始标签与结束标签之间的内容。某些HTML元素具有空内容。
含有空内容的HTML元素，就是空元素
常见空元素

<br><hr><img><input><link><meta>

不常见空元素

<area><base><col><command><embed><keygen><param><source><track><wbr>

行内元素

1. 不独占一行
2. 行内元素内只能嵌套行内元素
3. 宽度只与内容有关
4. 行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

行内元素列表：

块级元素

1. 每个元素独占一行，相当于前后都带有换行符
2. 块级元素内可以嵌套行内元素和块级元素

块级元素列表：

可以通过display属性进行行内元素和块级元素之间的转换

可变元素
根据上下文语境决定该元素为块元素或者内联元素
可变元素列表：