简单了解空标签和可替换元素的具体含义,有哪些空标签。

目录

  1. 空标签
    1. HTML中含有以下空元素
  2. 可替换元素
    1. 可替换元素概念

空标签

空标记就是不标记任何内容的标记。而非空标记就是标记有内容的标记。如 <br/> <img/>

HTML中含有以下空元素

    <area>
    <base>
    <br>
    <col>
    <colgroup> when the span is present
    <command>
    <embed>
    <hr>
    <img>
    <input>
    <keygen>
    <link>
    <meta>
    <param>
    <source>
    <track>
    <wbr>
    Note: 在极少数情况下,空元素被错误地称为“无效元素”(void elements)。

可替换元素

CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。

可替换元素概念

典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素,如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素,例如 <audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作 匿名可替换元素(anonymous replaced elements)。


CSS在某些情况下会对可替换元素做特殊处理,比如计算外边距和一些auto值。


需要注意的是,一部分(并非全部)可替换元素,本身具有尺寸和基线(baseline),会被像vertical-align之类的一些 CSS 属性用到。