html5语义化标签
一、首先我们提出疑问，什么是语义化标签以及我们为什么要去使用它？
在语义化标签出来之前，我们可以用div+css实现完全可以实现布局，为什么要多此一举呢？
1）为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构
2）方便搜索引擎能识别页面结构，有利于SEO
3）比<div>标签有更加丰富的含义，方便开发与维护
4）遵循W3C标准
二、其次，语义化标签主要用在什么地方呢？是不是有了它，div也可以不用了呢？
其实不是的，div标签还是有他的好处的，不能因为为了语义化，故意去使用那么新标签，反而会起到适得其反的作用，每个标签都有他独特的作用！那语义化标签主要用在哪些地方呢？比如article标签主要是用在文章，评论等等那些文字段子上面的，不同语境用的不同，下面会重点介绍几个
三、html5语义化标签的使用
1） header和footer
这个标签呢，顾名思义，header就是用在最前面的，他可以单独表示一个页面的头部，里面镶嵌着导航栏什么的，常用于页面的整体布局的最开头，当然，也可以用于article标签中的题目。footer也是同理啦，放在在最后的，跟header相对。
2）nav
这个用法比较简单，用来装导航栏的，一般我们都是把他装在header里面，作为页面头部的布局
<header>
<nav>
<ul>
<li><a href="">导航栏1</a></li>
<li><a href="">导航栏2</a></li>
<li><a href="">导航栏3</a></li>
<li><a href="">导航栏4</a></li>
</ul>
</nav>
</header>
3）article和section
<article>元素呢，一般在一篇博客、一个论坛帖子、一篇新闻报道或者一个用户评论中使用，简单点说呢，就是用在了文章这种类型的
而section呢，通常也和article配合使用，比如如下
<article>
<h1></h1>
<section>
<h2></h2>
<p></p>
</section>
<section>
<h2></h2>
<p></p>
</section>
</article>
这个是什么意思呢？其实就是文章页里面，section把他每一个都分段出来了。其实呢，article比section更加具有独立性，section更加强调的是分段或者分块。如果想将一个内容分段的话，推荐就是上面这种写法，但是一段里面，又有几个独立的内容呢？如下
<article>
<h1></h1>
<section>
<h2></h2>
<article>
<h3></h3>
<p></p>
</article>
<article>
<h3></h3>
<p></p>
</article>
</section>
<section>
<h2></h2>
<p></p>
</section>
</article>
看到这里，你会不会看晕了呢，是不是觉得arctile和section这两个，混淆了？其实，只要把握住article是独立性的，section是分段的，这样就好理解很多了，不过这两个标签用在文章上面的语义化比较多，如果用不习惯，还是推荐使用div.
最后呢，给几点section的使用禁忌
第一、不要将section元素作为样式的页面容器，那是div的工作
第二、如果article元素，aside，nav,更加符合状况，不要使用section
第三、不要为没有标题的内容区块使用section元素，他是用来表示文章一类的东西
然后给几点article的建议
第一、自身独立的情况下：用article
第二、是相关内容：用section
第三、没有语义的：用div
4）aside元素
aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。
看到上面这个东西，应该就好理解了，这个呢，就是在article里面，用来表示文章的附属内容的。
<article>
<h1></h1>
<aside>
<h2></h2>
<p></p>
</aside>
</article>
当然啦，还有很多其他语义化的标签，不过呢，上面是比较常用的，以后有空再总结一下哈
不过一般页面布局可以采用这种方式如下
<header>
//表示页面的头部
</header>
<main>
//表示页面的主体内容
</main>
<footer>
//表示页面的底部
</footer>
好了，有写错了记得call哈
