前端HTML5十大新特性总结:
<!DOCTYPE html>
这是什么玩意儿？为什么要写上去?不写上去会怎么样？很少人去注意到，反正就照写就可以了。
HTML5不是SGML的子集，从最开始的声明方式就不一样了。
但是【SGML】又是啥？
SGML是Standard Generalized Markup Language，标准通用标记语言。是一种很复杂的标记语言，从HTML,XML,衍生而来的。
HTML5十大新特性
1、语义标签
什么是语义标签，我自己的理解就是看到标签我就能明白这是什么意思。以前制作网页布局基本使用div来做。div就是一个普通的块级标签，对搜索引擎来说没有任何的语义。
btw面试前端的时候面试官可能会问你语义标签有哪一些？这平时都是记不住的，都是用到再去查的，所以面试的时候再去复习吧。
HTML5新增的语义标签有以下这个几个，这几个很好记住，在理解的基础上记住。我是在纸上画出页面的大概布局，然后划分区域，填入该区域的标签，根据意思去填。比如头部，就是header对吧，很简单。
Q：对整个HTML结构进行语义化的规范操作有什么好处？
A：1 有利于SEO（Search Engine Optimization 搜索引擎优化），和搜索引擎建立良好的沟通，有助于爬虫爬取更多有效的信息。因为爬虫依赖于标签来确定上下文和各个关键字的权重。
2 方便其他设备的解析（屏幕阅读器，移动设备），以有意义的方式来渲染网页。
3 方便团队开发和维护，增加代码可读性，遵循标准，减少差异化。
<!--header:网页的头部，作为一个网页内容快的标题--> <header></header> <!--nav:导航栏部分，定于整个页面的主要导航部分--> <nav></nav> <!--section：网页的一个内容区块--> <section></section> <!--aside：侧边栏，可以是相关链接或者资料--> <aside></aside> <!--artical：区块内的一个独立区域，定义自成一体独立的内容--> <artical></artical> <!--footer:网页的尾部，可以是作者，版权信息，附录等等--> <footer></footer>
