替换元素是指，浏览器会根据元素的标签和属性，来决定元素的具体显示内容。 其内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）。
最明显的两个例子：
另外，textarea、select、object、video都是替换元素。这些元素往往没有实际的内容，即是一个空元素，浏览器会根据元素的标签类型和属性来显示这些元素。audio和canvas在某些特定情形下为替换元素。使用CSS的content属性插入的对象是匿名替换元素。
HTML 的大多数元素是非替换元素，浏览器直接将其内容显示出来。例如：div, p, span
普通流中，块元素独占一行。例如：div，p，h1等。
普通流中，行内元素左右可以有其他行内元素。
块级元素，width，height，margin，boder的设置遵循盒模型。
行内替换元素，width，height，margin，boder的设置遵循盒模型。另外，当其宽高有auto属性时，其表现如下：
css 行内元素 块元素 替换元素 非替换元素 以及这些元素的width height margin padding 特性
替换元素和非替换元素
html元素两种分类。替换元素和不可替换元素；块级元素和行内元素
置换元素(替换元素)和非置换元素(不可替换元素)
行内元素与块级元素的总结
置换和非置换元素
空元素，可能是 HTML，SVG，或者 MathML 里的一个不存在子节点（例如内嵌的元素或者元素内的文本）的element。但是空元素可以有自己的属性，要区分属性和节点。
空元素中嵌套子节点是没有语义含义的。
空元素一般是没有闭合标签的，如果空元素使用了闭合标签，例如：<input></input>，那么一般这个标签就会变得无效。
常见的空元素：
可替换元素的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于当前文档使用的 CSS样式 的。一般来说当前文档的CSS样式唯一能够控制的是可替代元素在当前文档的位置。
常见的可替换元素：
典型的可替换元素
特定情况下的可替换元素
<input>
<input>在type为image的情况下可以像<img>一样被当做可替换元素，但是其他type类型下，被明确地列为非可替换元素。
CSS 中的 content
用 CSS content 属性插入的对象是匿名的可替换元素。它们并不存在于 HTML 标记中，因此是“匿名的”。
1、行内元素
如a、span和strong等
2、块级元素
如div、p、h1、h2、h3、h4、h5、h6、ul
3、空元素
如br、meta、hr、link、input、img
4、替换元素
如img、input、textarea、select
5、非替换元素
如p
