HTML标签分类

根元素标签(html)

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

以上是全局属性，可以加在任何的标签元素上

布局类标签

main 主体内容
header 头部内容
nav 导航栏标签
section 内容区域
div
aside侧边栏标签
footer 网站底部
article 定义文章

尽量少使用div

文本类标签

双标签
b 加粗显示
em 斜体
strong 加强显示
i 斜体
del 删除线标签
p 段落标签
h1~h6 标题标签
span 文本标签

图像类标签

img 外部图片链接 单标签（没有说的默认都是双标签）
figure 图片标签
figcation 图片标签
map 热点图片标签
area 热点图片标签

视频、音频类的标签

audio 音频标签
video 视频标签
source 加载资源

表格

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

表单

form 表单标签
input 单行文本标签 （单标签）
textarea 多行文本标签
button 按钮
select 下拉菜单
option 下拉菜单选项
label 表单的描述信息

列表

ul 无序列表标签
ol 有序列表
dl 定义列表
li 列表元素
dt 定义标题
dd 定义说明
dl 是 dt 和 dd 的父元素

链接

a标签
href 属性 链接的地址 一般都是绝对地址
target 属性 当属性值为_blank 是在另一个窗口打开

头部标签（包含在head里的标签）

head 头部标签
meta 源信息标签
keywords属性：网站关键字
description属性：网站描述
robots属性：设置搜索引擎是否抓取
charset属性：设置编码格式
viewport属性：写移动端页面的时候必加的
http-equev属性 X-UA-Compatible 优先使用的浏览器
renderer属性，优先使用的内核
(这两个PC端网站常用)
link 链接css
rel属性：链接资源与宿主之间的关系
stylesheet代表的是层叠样式表
icon代表的是图标
apple-touch-icon代表的是苹果触屏手机的图标 （移动端会加）
sizes属性：指明icon图标的大小
type属性：指明链接资源的类型
script 链接js
src属性：脚本链接地址
async属性：异步脚本加载
title 标题标签
style 行内css样式

框架

frame 框架标签
iframe框架标签

以上的一些标签可以作为参考