大家好，这里是「 从零开始学 Web 系列教程 」，并在下列地址同步更新......
github：https://github.com/Daotin/Web
微信公众号：Web前端之巅
博客园：
CSDN：https://blog.csdn.net/lvonve/
在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！
一、HTML5简介 1、什么是html5html5 不是一门新的语言，而是我们之前学习的 html 的第五次重大修改版本。
2、html的发展历史超文本标记语言（第一版，不叫 HTML 1.0）——在1993年6月作为互联网工程工作小组（IETF）工作草案发布（并非标准）；
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准
HTML5的设计目的是为了在移动设备上支持多媒体。之前网页如果想嵌入视频音频，需要用到 flash ，但是苹果设备是不支持 flash 的，所以为了改变这一现状，html5应运而生。
新的语法特征被引进以支持视频音频，如video、audio和 canvas 标记。
HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。比如增加了新特性：语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性。
相比之前的进步：
取消了一些过时的 HTML4 标记
将内容和展示分离
一些全新的表单输入对象
全新的，更合理的Tag
本地数据库
Canvas 对象
浏览器中的真正程序
Html5取代Flash在移动设备的地位
4、html5优缺点优点：
提高可用性和改进用户的友好体验；
有几个新的标签，这将有助于开发人员定义重要的内容；
可以给站点带来更多的多媒体元素(视频和音频)；
可以很好的替代FLASH和Silverlight；
当涉及到网站的抓取和索引的时候，对于SEO很友好；
将被大量应用于移动应用程序和游戏；
可移植性好。
缺点
该标准并未能很好的被Pc端浏览器所支持。因新标签的引入，各浏览器之间将缺少一种统一的数据描述格式，造成用户体验不佳。
5、html5 应用场景（1）极具表现力的网页：内容简约而不简单。
（2）网页应用程序：
代替PC端的软件：Office、腾讯文档、有道云笔记等。
代替 APP 的网页：淘宝、京东、拼多多等。
微信端：公众号、小程序等。
（3）混合式本地应用。
（4）简单的游戏。
6、html5支持的浏览器html5支持绝大部分主流浏览器，比如国外的 chrome，firefox，safari，IE9及以上，opera 等，国内的 360浏览器，QQ浏览器等。
注意：IE9为部分支持，IE8及以下不支持 html5。
二、语义化标签 1、什么是语义化标签？类似于 p，span，img等这样的，看见标签就知道里面应该保存的是什么内容的是语义化标签。
像 div 这样的里面可以装任意东西的就是非语义化标签。
以前我们要做下面这个结构可能会这么布局：
那么在 html5 下语义化标签怎么做呢？
是不是语义化更清晰，代码更简洁呢？
2、html5 部分新增的标签 2.1、结构标签section：独立内容区块，可以用 h1~h6 组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分；
article：特殊独立区块，表示这篇页眉中的核心内容；
aside：标签内容之外与标签内容相关的辅助信息；
header：某个区块的头部信息/标题；
hgroup：头部信息/标题的补充内容；
footer：底部信息；
nav：导航条部分信息；
figure：独立的单元，例如某个有图片与内容的新闻块。
2.2、表单标签email：必须输入邮件；
url：必须输入url地址；
number：必须输入数值；
range：必须输入一定范围内的数值；
Date Pickers：日期选择器；