什么是HTML语义化标签
用正确的标签做正确的事情
常见的HTML5语义化标签
<header>
--定义文章的介绍信息：标题,logo,slogan;包裹搜索框，目录，导航等logo
--无字数要求，可以给每个内容块添加一个header
<nav>
--文章导航栏、链接等等
--一般与ul、li配合做导航栏
<main>
--定义文章主要内容
--唯一的，后代常包括<article>
<article>
--具体内容，而且是独立的，article是可以嵌套article的，表示里外的内容是相关的，比如文章和评论
<section>
--是整体的一部分，或者文章的一节
<aside>
--侧边栏或者嵌入内容(article里面)，作为主要内容共的附属信息，如索引，词条列表，或者页面及站点的附属信息，如果广告、作者介绍
<footer>
--页脚，一般包括作者、版权信息或者相关链接等
具体网站分析
掘金首页使用了<main>定义了中间的主要内容，<nav>定义上面的导航栏，nav嵌套ul嵌套li,
有的则是用div嵌套a来实现。相比之下nav嵌套ul嵌套li确实更加清晰明白，整体的框架更容易看出来。
淘宝首页则没怎么使用语义化标签，几乎都是使用的div标签，确实看起来更费劲。
