HTML的分类（二）

上期我们说了 HTML标签分类有两种，讲述了根据HTML的特点进行的分类，例如：块元素、行元素、行内块元素…
这期我们进行HTML用途进行分类。

HTML的用途分类

可以分为根元素标签、文本标签、图像标签、视频音频标签、表格标签、表单标签、列表标签、布局标签…
根元素标签：

id属性: 以ID形式选取元素
class属性：以class形式选取元素
title属性：鼠标悬停的时候显示的描述文字
style属性：行内样式
contentedtable属性：可编辑的内容区域，一般用来制作富文本编辑器
data-* ：临时在标签元素上存储数据
hidden ：使标签元素隐藏，占据空间的

文本标签：

<b></b>加粗显示
<em></em>斜体
<strong></strong>加强显示
<i></i>斜体
<del></del>删除线标签
<p></p>段落标签
<h1></h1> ~ <h6></h6>标题标签
<span></span>空标签
<sub></sub>下标标签
<sup></sup>上标标签
<address></address>地址标签
<code></code>代码标签
<pre></pre>格式化标签
<cite></cite>引用标签
<progress></progress> 进度标签
<time></time>时间标签

图像类标签：

<img>外部图片链接
<figure></figure>图片标签
<figcation></figcation>图片标签
<map></map>热点图片标签
<area></area>热点图片标签

视频音频类标签：

<img>外部图片链接
<figure></figure>图片标签
<figcation></figcation>图片标签
<map></map>热点图片标签
<area></area>热点图片标签

表格类标签：

<table></table> 表格标签
<caption></caption> 表格的标题
<thead></thead> 表头信息
<tbody></tbody>表格内容
<th></th>表头的行
<tr></tr>表格内容的行
<td></td>单元格
<tfooter></tfooter>表的尾部

表单类标签：

<form></form>表单标签
<input>单行文本标签
text 文本类型password 密码类型submit 提交按钮email 邮箱地址hidden 隐藏checkbox 多选项radio 单选项reset 重置button 按钮file 文件image 图片
<textarea></textarea> 多行文本标签
<button></button>按钮
<select></select>下拉菜单
<option></option>下拉菜单选项
<label></label> 表单的描述信息

列表类标签：

<ul></ul>无序列表标签
<ol></ol>有序列表
<dl></dl> 定义列表
<li></li>列表元素
<dt></dt> 定义标题
<dd></dd>定义说明

布局类标签：

<div></div> 
<header></header>头部标签
<main></main>主题标签
<aside></aside> 侧边栏标签
<nav></nav> 导航标签
<section></section> 
<footer></footer> 网站底部
<article></article>定义文章
尽量少使用div

总结：每个属性都有特定的作用，具体用的程度有这个属性的值来进行决定；属性是不可以改变的，属性对应的值是可以进行改变的，属性具有唯一性，一个属性可以有多个值。
HTML的分类就总结到这里了，还有什么问题的欢迎来找我这个菜鸟小白讨论。