html5的语义化标签让浏览器可以根据语义标签，而我们前端开发人员可以更快的解读出来该标签的含义

header 头部标签/页面顶部
footer 脚部标签/尾部标签
nav 导航标签
main 主要区域标签/最好一个页面只出现一次
article 独立盒子标签/独立的内容容器
section 定义一个区块/一般是一组相似内容的排列组合
aside 附加区域/与主要内容无关的内容/如侧栏的广告等
div 算是一个比较老的内容容器，有些区域使用语义化标签不好表达出来就可以采用div容器