前言
记得刚开始学习前端的时候，我接触的就是HTML5的语义化标签。但是后来，觉得给每个div class或者id名字之前还要给他个名字好麻烦，就没怎么理会了。直到学react的时候materliu的JSX里用到的是HTML5的语义化标签，才第一次看到了他的应用。。今天就比较针对性的来总结一下新标签，和用法，以及所谓的语义化吧！
新的标签
header : 顾名思义就是网页的头部了。当然广义的说，凡是内容区块的顶部有响应概念的区域都可以用header标签
nav :导航标签。nav是每个网页都有的部分啦！nav也可以套在我们的header中，当然凡是有导航概念的地方也都都可以试用我们的导航标签！
aside :侧边栏。 以B站为例，侧面的滚动条就是我们的aside。不会影响我们正文的部分，可以用aside。
footer :底部区域。相应区块的底部也可以用此标签。
main :主体。= =已经不想过多解释了。住了头尾，就是主体了0.0
然后是比较晦涩的article/section：
article可以包含section。他俩都表示一个区域。但是article表示的是一个相对完整的独立的内容块。它可以包含头部尾部。比如一篇博客里面的博文啊。当然article也可以嵌套，比如博客评论，他也算作一个完整的区块。
但是section就相对弱一些，通常它包含有标题和相应的内容。如果要单独描述内容，还是推荐用article。而当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div元素而非section。
h1~h6 ：= =！这个在markdown里面就有啊喂！！代表标题！1最大！6最小！h1~h3通常就代表了网页的主要内容了，所以在分配上要注意！
figure/figcaption :图片加描述！这个好理解。
好了，关于主元素的标签就结束了。其他的标签视频音频啊，detail一些细化的内容的标签就不赘述了~
语义化
什么是语义化呢？。。。这个。语义语义，一目了然啊。就是让标签有本身有自己的名字，而不是像过去一样divdivdivdivdivdiv class class class class class idididididid。本身就有名字一目了然。
其次，就是关于今天看到的面试题目了。不能用 来代替缩进,br来代替换行！标签有标签本身的意义！切忌胡乱使用标签来达到视觉的效果，样式和结构需要分离！
结语
今天总结的内容比较少- -！咳咳，不多说废话了。下一篇来总结一下原生DOM和Jquery的节点操作的方法吧！