目标：
能够认识开发中常用的 没有语义布局标签 和有语义的布局标签
学习路径：
1.没有语义的布局标签
2.有语义的布局标签
1.没有语义的布局标签 — div和span
场景：
实际开发网页时会大量频繁的使用到div和span
div标签：一行只显示一个（独占一行）
span标签：一行可以显示多个
做网页布局用
2.有语义的布局标签
场景：在HTML5新版本中，推出了一些有语义的布局标签供开发者使用
| header | 网页头部 |
| nav | 网页导航 |
| footer | 网页底部 |
| aside | 网页侧边栏 |
| section | 网页区块 |
| article | 网页文章 |
注意点：
以上标签显示特点和div一致，但是比div多了不同的语义