HTML空元素&可替换元素

1.空元素（空标签）

一个空元素（empty element）可能是 HTML，SVG，或者 MathML 里的一个不可能存在子节点（例如内嵌的元素或者元素内的文本）的element。

在 HTML 中，通常在一个空元素上使用一个闭标签是无效的。例如，<input type="text"></input>的闭标签是无效的 HTML。

空元素：

<area>
<base>
<br>
<col>
<colgroup> when the span is present
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
复制代码

2.可替换元素（可替换标签）

在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。

CSS 可以影响可替换元素的位置，但不会影响到可替换元素自身的内容。

可替换元素

典型的可替换元素有：

<iframe>
<video>
<embed>
<img>
复制代码

有些元素仅在特定情况下被作为可替换元素处理，例如：

<option>
<audio>
<canvas>
<object>
<applet>
复制代码

HTML 规范也说了<input> 元素可替换，因为 "image" 类型的<input> 元素就像<img>一样被替换。但是其他形式的控制元素，包括其他类型的<input> 元素，被明确地列为非可替换元素（non-replaced elements）。该规范用术语小挂件（Widgets）来描述它们默认的限定平台的渲染行为。

转载于:https://juejin.im/post/5cb836fc51882532a3768956