html元素分类

将html元素大致分为了以下几类，可能不全，希望各位不要介意，看看就好。

根元素一些属性

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

文本类的标签

• b标签：加粗显示
• em标签：斜体
• strong标签：加粗显示
• i标签：文本中部分不同的部分，呈现为斜体文本
• del标签：删除线
• p标签：段落标签
• h1~h6：标题标签
• span：用来组合文档中的行内元素
• sub标签：下标标签
• address标签：地址标签
• code标签：代码标签
• pre标签：格式化标签
• cite标签：引用标签
• progress标签：进度标签
• time标签：时间标签

图像类的标签

• 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标签：定义说明

超链接

• a标签：链接标签

• [ ] href属性：代表的是链接地址：一般都是绝对地址

• [ ] target属性：打开方式

布局类的标签

建议：尽量少使用div标签，可以多用语义化标签。

• div标签
• header头部标签
• main主题标签
• aside侧边栏标签
• nav导航标签
• section标签
• footer底部标签
• article定义文章标签

头部标签(包含在head里面的标签)

• head头部标签
• meta标签：
  keywords属性：网站关键字
  description属性：网站描述
  robots属性：设置搜索引擎是否抓取
  charset属性：设置编码格式
  viewport属性：用于移动端页面
  http-equiv属性 X-UA-Compatible优先使用的浏览器
  renderer属性，优先使用的内核
• link链接css：
  rel属性
  size属性：icon图标大小
  type属性：链接资源的类型
• script链接js：
  src属性：脚本链接地址
  async属性：异步脚本加载
• title标题标签
• style行内css样式

框架

• frame框架标签
• iframe框架标签