关于HTML的一些小知识
要说HTML也实在没什么写的,不难但是东西有点碎。想起什么写些什么吧!
空元素
参考MDN文档
所谓空元素,就是没有子节点的元素。所有的单标签元素都是空元素。HTML中包括有如下空元素:
<area>
<base>
<br>
<col>
<colgroup>
<command>
<embed>
<hr>
<img>
<input>
<keygen>
<link>
<meta>
<param>
<source>
<track>
<wbr>
空标签与空元素意义相同,但是并不意味着标签等同于元素。比如说<div>
这就是一个标签,但是元素指的是包括标签和它里边包含的内容这个整体,像<div class="hello">hello</div>
。在HTML中,标签用于创建元素。
可替换元素
我们都知道,在前端开发中,HTML负责页面的内容,css负责页面样式,JavaScript负责页面的交互效果。但在CSS里,可替换元素的展现不是由CSS来控制的。这些元素是一类 外观渲染独立于CSS的 外部对象。 典型的可替换元素有<img>
、<object>
、 <video>
和 表单元素,如<textarea>
、 <input>
。 某些元素只在一些特殊情况下表现为可替换元素,例如<audio>
和 <canvas>
。 通过 CSS content
属性来插入的对象 被称作 匿名可替换元素(anonymous replaced elements)。
CSS在某些情况下会对可替换元素做特殊处理,比如计算外边距和一些auto值。
需要注意的是,一部分(并非全部)可替换元素,本身具有尺寸和基线(baseline),会被像vertical-align之类的一些 CSS 属性用到。