在学习HTML的过程中,发现了一些新的概念,空元素,可替代元素,这里就做一下学习的笔记,具体的学习内容是通过MDN上查找到的。
空元素(https://developer.mozilla.org/zh-CN/docs/Glossary/%E7%A9%BA%E5%85%83%E7%B4%A0)
一个空元素(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 中有以下这些空元素:
<colgroup> when the span is present
Note: 在极少数情况下,空元素被错误地称为“无效元素”(void elements)。
可替换元素(https://developer.mozilla.org/zh-CN/docs/Web/CSS/Replaced_element)
CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有 <img>、 <object>、 <video> 和 表单元素,如<textarea>、 <input> 。 某些元素只在一些特殊情况下表现为可替换元素,例如<audio> 和 <canvas> 。 通过 CSS content 属性来插入的对象 被称作匿名可替换元素(anonymous replaced elements)。
CSS在某些情况下会对可替换元素做特殊处理,比如计算外边距和一些auto值。
需要注意的是,一部分(并非全部)可替换元素,本身具有尺寸和基线(baseline),会被像vertical-align之类的一些 CSS 属性用到。
CSS Key Concepts: CSS 语法, @规则, 注释, 优先级和继承, the 盒模型, 布局模式和视觉格式化模型,以及外边距合并,或者初始、计算、解析、指定、使用和实际值。 Definitions of 值语法、简写属性和可替换元素。
此处记录一点display默认值的相关知识:div,p,li,img,ul,h1等默认情况下的display属性值就是“block”,span的display默认属性值是“inline”。