html语义化

• hmtl中的每个标签都有特定的含义，应该在在适当的位置选用适当的标签

比如H1-H6代表标题、p代表段落、img代表图片、包括html5中新增的一些标签：header、footer、nav这些标签都有特定的含义，语义化就是让我们在适当的位置用适当的标签，以更好的让人和机器都一目了然；换句话说，就是在没有css的情况下依然能够很好的呈现内容结构

• 好处：

1. 别人阅读你的代码的时候能够根据标签才出来你的用意，有利于程序员阅读，便于团队开发和维护

2. 浏览器读取方便

3. 利于搜索引擎优化（SEO：Search Engine Optimization）（比如说会根据标签来搜索，可能重点会搜索h1）有一些标签默认会有一些样式，如果浏览器禁止了CSS样式还可以达到突出样式的效果，比如h1

html5新增标签

1. header ==>页眉
2. footer ==>页脚
3. nav ==>导航
4. section ==>section（文档区段）
5. aside ==>页面之外的内容
6. article ==>文章
7. video ==>视频
8. audio ==>音频
9. convas ==>画布

input标签新增的属性

1. number
2. data
3. email
4. url
5. range
6. search
7. color
8. datlist
9. multiple
10. tel
11. file