美文网首页
空元素、可替换元素那点事

空元素、可替换元素那点事

作者: 达摩先森 | 来源:发表于2018-09-13 17:32 被阅读0次

空元素

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

HTML,SVG和 MathML的规范都详细定义了每个元素能包含的具体内容(define very precisely what each element can contain)。许多组合是没有任何语义含义的,比如一个 <audio> 元素嵌套在一个 <hr>元素里。

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

在 HTML 中有以下这些空元素:

* `<area>`  //在图片上定义一个热点区域
* `<base>` //指定用于一个文档中包含的所有相对URL的基本URL
* `<br>` //在文本中产生一个换行(回车键)
* `<col>` //定义表格中的列,并用于定义所有公共单元格上的公共语义
* `<colgroup>` //定义表中的一组列表
* `<command>` //表示一个用户可以调用的命令
* `<embed>` //表示一个外部应用或交互式内容的集合点,换句话说,就是一个插件
* `<hr>` //表示段落级元素之间的主题转换
* `<img>` //代表文档中的一个图像
* `<input>` //用于为基于Web的表单创建交互式控件,以便接受来自用户的数据
* `<keygen>` //为了方便生成密钥材料和提交作为HTML form的一部分的公钥
* `<link>` //指定了外部资源与当前文档的关系
* `<meta>` //表示那些不能由其它HTML元相关元素之一表示的任何元数据信息
* `<param>` //定义了 <object>的参数
* `<source>` //为媒体元素(比如 <video> 和 <audio>)定义媒体资源
* `<track>` //被当作媒体元素(比如<audio> 和 <video>)的子元素来使用
* `<wbr>` //一个文本中的位置,其中浏览器可以选择来换行,虽然它的换行规则可能不会在这里换行

可替换元素

CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有<img><object><video>和表单元素,如<textarea><input>。某些元素只在一些特殊情况下表现为可替换元素,例如<audio><canvas>。通过 CSScontent属性来插入的对象被称作 匿名可替换元素(anonymous replaced elements)。

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

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

相关文章

  • 空元素、可替换元素那点事

    空元素 一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一个不可能存在子...

  • 空元素与可替换元素

    空元素: 对于HTML来说,空元素指的就是不存在子元素的(例如文本或者嵌套的元素)一种元素。HTML规范中详细说明...

  • 空元素和可替换元素

    空元素 空标签也叫空元素(empty element) HTML 里的一个不可能存在子节点(例如内嵌的元素或者元素...

  • HTML 空元素 And 可替换元素

    空标签 MDN 概念 一个空元素(empty element)可能是 HTML,SVG,或者 MathML 里的一...

  • HTML可替换元素和空元素

    一、可替换元素 CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一...

  • 那些空元素和可替换元素

    一、空元素 在图片上定义一个热点区域。 指定用于一个文档中包含的所有相对URL的基本URL。一份中只能有一个 元素...

  • 可替换元素

    可替换元素和不可替换元素 从元素本身的特点来讲,可以分为可替换元素(replaceable element)和不可...

  • 可替换元素

    可替换元素(英文: replaced element), 起初只是想了解什么是"可替换元素", 但是看了几个解释也...

  • 可替换元素

    可替换元素 在CSS中,可替换元素(replaced element)的展现效果不是由 CSS 来控制的。这些元素...

  • 《css 世界》content

    1. content 与替换元素 替换元素( 或表单元素如 ),顾名思义,内容可替换,其他...

网友评论

      本文标题:空元素、可替换元素那点事

      本文链接:https://www.haomeiwen.com/subject/mztggftx.html