空元素与可替换元素

空元素：

对于HTML来说，空元素指的就是不存在子元素的（例如文本或者嵌套的元素）一种元素。
HTML规范中详细说明了每个元素所包含的具体内容，一些组合嵌套是没有任何语义含义的，它们不需要嵌套其它元素，所以有了空元素的概念，并且在HTML中，给空元素加一个闭合标签是无效的，例如， <input type="text"></input> 的闭标签是无效的 HTML。
HTML中常见的空元素标签如下：
<input> <img> <br /> <hr /> <isindex> <area> <base> <basefont>
<bgsound> <col> <embed> <frame> <keygen> <link>
<meta> <nextid> <param> <plaintext> <spacer> <wbr>

综上所述：空元素的特点就是没有嵌套的元素或文本，没有闭合标签~

可替换元素其展现不是由CSS来控制的，外观渲染独立于CSS， 典型的可替换元素有<img> <video> <input> <textarea>等， 某些元素只在一些特殊情况下表现为可替换元素，例如<audio> <canvas>
以<img>标签为例，标签里面本身没有内容，当src加载完成后图片内容替换了标签，宽高确定了，它自带宽高，但是CSS可以追加样式。