HTML语义化的简单介绍

HTML语义化

html 的布局经过了几个阶段的发展，在一开始的时候并没有前端这样一个岗位，哪个时候的布局都是后台开发人员使用table来进行布局的，之后到了美工阶段，这时候时美工人员使用 div + css来进行布局，通过div的类名来区别每一个标签的内容。发展到现在前端这个岗位的出现，专业的前端会是使用正确的标签来进行页面的开发。

而语义化就是利用正确的标签来展示符合的内容,

HTML5提供了新的语义元素来定义了网页的不同部分，这些元素也被称为切片元素

下面来简单的介绍几个常用的语义元素

标签	含义
header	页面的展示区域
h1~h6	1-6级标题
nav	网页的导航模块
footer	网页的底部模块，一般用来声明作者，版权，使用条款等信息
article	定义页面独立的内容
section	文档的各个部分
aside	网页的侧边栏模块
p	段落
ul	无序列表
ol	有序列表
strong	强调的内容
a	链接
main	主要内容（注：一个页面只能使用一次）