1. 标签
标签有很多种类型。首先,它们可以是 单标签和 双标签。最常见的是双标签。 就像你可能已经猜到的那样,它们总是成对出现的。有时也叫 开始标签和结束标签。
开始标签 就是尖括号中的一个关键字。
<tag>
例子:
HTML
<h1>
结束标签类似于开始标签,只是关键字前面有一个斜杠。
</tag>
例子:
HTML
</h1>
开始标签 总是成对中的第一个
。 绝对不能先是结束标签然后是开始标签。 否则这样的 HTML 文档会被认为无效。
2. 标签树
关于双标签还有一个重要的点。在文档中可能有很多标签,它们可以是嵌套的。 也就是说,HTML 文档中的任何文本都可以被标签包裹,即使它包含其他标签。例如:
HTML
<html>
普通文本
<a href="http://codegym.cc/about">
有趣内容的链接
</a>
还有一些文本
</html>
粗略地说,HTML 文本中可能会出现这样的标签序列:
<h1> <h2> </h2> </h1>
但不能出现:
<h1> <h2> </h1> </h2>
如果 开始标签 <h2>
位于 <h1>
-标签对的内部,那么它的配对 结束标签 </h2>
也必须位于相同的 <h1>
-标签对的内部。
因此,文档中的所有标签最终形成了一棵类似树的结构, 称为 标签树
。 首先是顶级标签,通常是 <html>
, 包裹住整个文档,然后是它的子标签对, 它们又有自己的子标签对,依此类推。
实际上,处理包含标签的文档的程序会把它看成一棵带嵌套文本的标签树。
3. 单标签
空标签
如果标签没有内容,通常看起来是这样的:
<tag> </tag>
针对这种标签,有一种更简洁的写法:
<tag/>
注意,这种标签 与结束标签不同
— 斜杠位于末尾。这只是空白标签对的简写。 它也被称为——空标签。
单标签
但是在 HTML 中还有一些 特殊的单标签。 它们没有对应的结束标签。这类标签由 HTML 标准定义。例子:
<br>
— 换行符;<hr>
— 分隔线;<img>
— 图片。
总共有 14 个,其中一半是服务标签,另一半则出现在 HTML 的第一个版本中。 目前尽量避免引入这样的标签。
GO TO FULL VERSION