萌新的HTML5 入门指南 _html5

萌新的HTML5 入门指南
HTML5的发展改变了互联网技术趋势，前端热度依旧不减，所以对于应用开发人员前端技术也成了必备技能之一，本篇文章的目的是为了帮助萌新的入门指导，也同时希望能为老鸟起到一定查漏补缺的作用，那么让我们开始吧。
什么是HTML5？
广义上的HTML5是HTML最新的修订版本，由万维网联盟（W3C）于2014年10月完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。
【萌新的HTML5 入门指南】但我们在日常中常说的HTML5技术，实际指的是包括HTML、CSS和在内的一套技术组合。
开发人员在开发过程中为了提高开发效率，常常会用到各种组件工具例如：，，，或者前端框架，如：VUE等。除了学习各种工具框架的使用， HTML5的基础知识也是需要了解掌握，这样有助于更好的理解工具框架的设计以及使用。
后面我们将结合一系列文章，深入浅出的介绍关于HTML ， CSS和的常用功能及编程技巧。
那么首先来了解下HTML5都更新了那些内容：
什么样的网页是HTML5网页？
只要html页面第一行是浏览器就会按照HTML5标准去解析网页，无论页面中是否使用了HTML5新增内容
HTML5新增了哪些内容？
更好的语义化标签
结构元素：、aside、、、、、、nav 。
其他元素：video、audio、、embed、mark、、meter、time、、、、、、、menu、ruby、wbr、bdi、。
一些语义化标签如、nav在使用时和传统div并无大的区别，但这种标签更有利于搜索引擎的索引整理，利于智能手机、Pad等小屏设备适配，以及方便残障人士使用。
同时也有些标签为浏览器增加了新的功能，如audio、video 。
? 应用程序接口（API）
1. ，可以获取标签元素的上下文对象，然后使用该上下文对象中的绘图功能进行绘制。

2. 音频和视频，使用audio和video元素，浏览器无需安装播放插件，同时提供了播放控制API 。
3. 地理位置，通过使用相关API在用户授权情况下，可以获取用户位置信息。
4. 新的表单元素， tel、email、url、、range、、color、、-local、time、date、week、month 。随着浏览器的支持，很多表单控件将成为历史
5. 新的表单特性和函数：、、、、list特性、元素、min和max、step、

文章插图
6. 拖放API：属性、拖放事件(、drag、、、、drap、)、对象
7. ，一种浏览器与服务器间进行全双工通讯（full-）的网络技术，可以传输基于信息的文本和二进制的数据
8. Web ，单线程，复制js需算会导致页面出现假死。如果js操作不需要访问页面，那么可以放在web 中并行处理。
? 废除元素
废除一些纯变现以及兼容性不好的元素如：, , , big, , dir, font, frame, , , , , tt 。
浏览器支持
IE9开始支持， IE10后支持较好。
，，， Opera支持较好。
以上便是一些常用的HTML5新增的一些特性，接下来，我们一起看一看在HTML5在页面布局方面有什么变化吧。