美文网首页
HTML可替换元素和空元素

HTML可替换元素和空元素

作者: 孟艳利 | 来源:发表于2018-11-27 18:43 被阅读0次


奋斗

一、可替换元素

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

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

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

二、空元素

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

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

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

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

<area>

<base>

<br>

<col>

<colgroup> when the span is present

<command>

<embed>

<hr>

<img>

<input>

<keygen>

<link>

<meta>

<param>

<source>

<track>

<wbr>

每天进步一点点~

相关文章

  • HTML可替换元素和空元素

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

  • HTML 空元素 And 可替换元素

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

  • 空元素和可替换元素

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

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

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

  • 空元素与可替换元素

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

  • 前端面试每日 3+1 —— 第488天

    今天的知识点 (2020.08.16) —— 第488天 (我也要出题) [html] 可替换元素和不可替换元素有...

  • css权威指南笔记

    html元素分为替换元素和非替换元素img元素就是个替换元素,显示内容由外部提供span是个非替换元素,内容由用户...

  • 可替换元素

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

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

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

  • HTML中可替换元素

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

网友评论

      本文标题:HTML可替换元素和空元素

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