Skip to content

Latest commit

 

History

History
36 lines (20 loc) · 1.54 KB

从零开始H5(二):HTML5新技术点.md

File metadata and controls

36 lines (20 loc) · 1.54 KB
title date
从零开始H5(二):HTML5新技术点
2017/02/21 14:47:11

现在,将我们的页面升级到HTML5了。为什么要这样去做呢?通过简单的升级我们没看到任何大的变化。

答案即将揭晓,升级到HTML5之后,我们可以使用如下技术:

1、不再需要插件,就有对音频\视频的内置支持,可以充分利用

HTML5新增了<audio>和<video>标签,可以让我们操作音视频。

2、更有描述性的标记

针对Web语义化,HTML5新增了许多带有特定语义的标签,如header、footer、section、article、dialog、summary等等。

3、富客户端支持,可以使用画布、转换和JavaScript创建炫酷的界面和动画

使用画布(canvas)和JavaScript,我们可以直接在Web页面上画图像、线条等,同时对开发Web游戏也是更加友好的。

4、新增客户端存储和缓存功能

使用Application-Cache,我们可以让我们的网页离线浏览,同时可以采用localStorage和sessionStorage来存储数据。

5、新增Web工作线程,让JavaScript更高效

可以让耗时的JS,在后台工作,让UI的响应更快,提高用户体验。

6、可以结合CSS3的新内容,如高级选择器、动画、阴影

可以让元素运行动画,也可以让元素具有圆角边框,甚至阴影。也能通过简单的代码快速选择对象。

7、新增位置API(移动设备)

通过该API,页面能够知道访问者的地理位置,这在移动设备访问中,尤其重要。