HTML5大前端是由新的标记引进的新元素形式和为现有元素新增的某些属性，与新的JavaScript APIs的结合体。那么HTML5新增加了哪些新标签与JavaScript API结合体以及具体作用有哪些呢?以下是最常用的几种：

1、Canvas API是一个具有完整功能的JavaScript API并伴随产生了新HTML5元素。通过Canvas API,利用它和WebGL在浏览器中创建一个2 D或3 D绘图场景;

2、Contacts API主要应用在移动设备上，为浏览器提供对用户通用通讯录的访问。它在浏览器内建立一个本地存储库，来存储联系人信息。Contacts API将允许您有本地存储库,网站可以通过本地存储库访问存储的联系人信息。现在的主流浏览器都支持Contacts API;

3、通过File API 浏览器可以直接访问用户计算机的沙箱区域，将数据存储到文件系统;

4、在HTML5中Forms API得到了发展，内置了验证功能;

5、允许浏览器请求用户的位置信息，一旦获权,浏览器通过许多不同的方法来确定计算机或设备的实际位置，它将会有一个比例尺来确认精确的地点位置。通过该API能获取经纬度等数据,非常适合应用程序定位;

6、Media Capture的功能是将本地设备通过JavaScript将与浏览器相连接;

7、Messaging API被用来与其他API一起使用;

8、选择(Selection)API的就像jQuery库一样，运用非常广泛;

9、 Server-Sent Events API：一个网页获取新的数据通常需要发送一个请求到服务器,也就是向服务器请求的页面。使用Server-Sent Events API,服务器可以在任何时刻向Web页面推送数据和信息，这些被推送进来的信息可以在这个页面上作为事件/数据来处理;

10、 Web Notifications API即Web消息提醒，它可以使页面发出通知，通知将被显示在页面之外的系统层面上(通常使用操作系统的标准通知机制，但是在不同的平台和浏览器上的表现会有差异);

11、Web Sockets API：Web Sockets是一种基ws协议的技术，它使得建立全双工连接成为可能。Websocket常见于浏览器中，但是这个协议不受使用平台的限制，允许收发信息到服务器端。

以上是HTML5大前端中新加入的一些比较常用的功能API，如果想要系统的了解以及学习HTML5的新功能，可以选择千锋重庆校区的HTML5大前端课程。其课程将一线互联网企业前沿技术迁移课堂，让学员通过深度学习，切实掌握实战技术，助力学员开启成功职场生涯。