可替换标签与空标签小介绍
2019-01-30 本文已影响0人
饥人谷_子安
本篇是沂轱关于HTML中可替换标签与空标签的记录
开篇介绍
HTML,全名超文本置标语言(Hyper Text Markup Language),是一种描述网页的语言;在HTML中使用标签对网页进行描述,HTML的标签通常是成对出现,而且往往第一个是开始标签,第二个结束标签;但是,我们今天的主角不是这些通常的标签,而是一些沂轱还没听说过的标签,所以沂轱将其记录下来,方便日后复习
进入正题
可替换标签
蛤?可替换标签?这是神马玩意?在 HTML中标签是其基础,浏览器根据标签和属性,来决定标签的具体显示内容;换句话说,可替换标签的内容不受当前文档样式的影响。使用 CSS 可以影响可替换标签的位置,但不会替换可替换标签本身的内容
典型的可替换标签有:
- <img>
- <video>
- <object>
- 表单标签,如<textarea>、<input>
仅在特定情况下,才可被视为可替换标签的有: - <canvas>
- <audio>
通过CSS content属性来插入的对象,被称为匿名可替换标签
空标签
不存在子节点的元素即为空标签。
例如内嵌的元素,元素内的内容都是子节点
那么元素又是什么呢?
举个例子:
<title>我爱我家</title>
<title></title>就是标签
我爱我家称为内容
<title>我爱我家</title>称为元素
元素 = 标签 + 内容,一般我们都将元素称为标签,空标签通常为自封闭标签。也就是该标签不像通常的HTML标签一样成对出现,既有开始标签,也有结束标签;给空标签加上一个闭标签是没有意义的,因为这没有任何效果。
举个例子:
<meta charset = "utf-8"/>
注:meta后面可不加/,个人习惯
meta属于空标签,本身就是一个自闭合标签,如果在后面添加一个</meta>反而没有意义
在HTML中的空标签有:
area
base
col
-
colgroup
when thespan
is present command
embed
hr
img
input
keygen
link
meta
param
source
track
wbr
注:极少数情况下,空标签被错误的称为“无效元素”(void elements)