本文简单讲解了空元素、可替换元素、不可替代元素、行内元素、块状元素。

1. 空元素

在 HTML 元素中,没有内容的 HTML 元素被称为空元素(empty element)。通常在一个空元素上使用一个闭标签是无效的。

空元素列表:https://developer.mozilla.org/en-US/docs/Glossary/Empty_element

2. 可替换元素 & 不可替代元素

可替换元素(replaced element)就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。可替换元素的展现不是由CSS来控制的。可替换元素通常为空元素。

可替换元素列表:https://developer.mozilla.org/en-US/docs/Web/CSS/Replaced_element

HTML 的大多数元素是不可替换元素,他们将内容直接告诉浏览器,将其显示出来。

3. 行内元素 & 块级元素

块级元素(block-level elements)在浏览器上表现为占据整行,不与其他元素共在同一行。可以在内嵌套块级元素和行内元素。

行内元素(inline elements)则与其他行内元素可以共同位于同一行。行内元素内部也可以嵌套其他元素,但是不能是块级元素。

行内元素列表:https://developer.mozilla.org/en-US/docs/Web/HTML/Inline_elements

块状元素列表:https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements