HTML语义化

123 阅读1分钟

HTML语义化

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

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

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

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

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