HTML标签分类

学习完上边几节html课程之后，你会发现html的标签还挺多的，为了能更好地在网页制作过程中熟练使用他们，我们今天讲讲标签分为几大类以及他们之间的区别。

从标签是否闭合上我们可以分为两大类：双标签和单标签。

1. 双标签：有开始标签和结束标签的，如<div></div>，称为双标签。具体标签有：div标签，header头部信息，footer底部信息，nav导航标签，p段落标签，pre保留空格换行标签，h1-h6标题标签，audio视频标签，aside文章标签，b/strong加粗标签，i斜体标签，sub下标，sup上标，span标签，a链接。
2. 单标签：有开始标签没有结束标签的，如<input />，称为单标签。img图片标签，input输入文本，br换行标签，hr水平线、link链接标签，meta标签

标签应用方面分为三类：行级标签、块级标签、行内块标签。

1. 行级标签：宽高根据内容自动撑开，不可以设置宽高。多个标签可以显示在一行。a链接标签，b/strong加粗标签，small小字体标签，i斜体标签，label，span，sub，sup，textarea，big，em。
2. 块级标签：宽度默认是100%，高度默认自动撑开，可以设置宽高。一行只能展示一个标签。div标签，h1-h6标题标签，from表单，header头部内容，footer页脚，table表格，ol有序列表，ul无序列表，dl自定义列表，li列表元素标签，iframe内联框架，nav导航，section文档标签。
3. 行内块标签：结合的行内和块级的优点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；img图片标签，input输入框标签。

HTML代码注释：<!-- -->

1. 单行注释：<!-- 注释内容 -->
2. 多行注释：

         <!--

            注释内容1

            注释内容2

          -->

HTML代码注释是特别常用的，几大好处：

1. 添加代码注释，增加代码的可读性。
2. 隐藏掉暂时不需要显示的内容。