HTML5新增语义化标签用法总结--2018年8月20日作业

一、今晚主讲内容是：HTML5新增的语义化标签用法，以及布局实战，现将HTML5新增语义化语法标签总结如下：

1、<header role="header"></header>  定义页面头部（页眉） role属性意思为当前标签角色（或者说当前标签的作用）

2、<main></main>定义页面主要内容，一个文档只能有一个main标签

3、<nav></nav>定义导航链接

4、<article></article>定义完整的内容块，比如文章详情等

5、<aside></aside>定义页面侧边栏

6、<section></section>定义页面中的一个区块，类似于<div>

7、<footer></footer> 定义页脚（页面底部）

8、<div></div>  定义一个区块，无特殊语义

手抄代码如下：