CodeGym /课程 /Frontend SELF ZH /HTML 标签介绍

HTML 标签介绍

Frontend SELF ZH
第 1 级 , 课程 2
可用

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 的第一个版本中。 目前尽量避免引入这样的标签。

评论
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION