Page 168 - 测绘与空间地理信息研究
P. 168
Surveying and Mapping and Spatial Geographic Information Research
测绘与空间地理信息研究
(三)HTML5 的特性
HTML5 将 Web 带入一个成熟的应用平台,在这个平台上,视频、音频、图
像、动画以及与设备的交互都进行了规范。
1. 智能表单
表单是实现用户与页面后台交互主要组成部分,HTML5 在表单的设计上功
能更加强大。input 类型和属性的多样性大大地增强了 HTML 可表达的表单形式,
再加上新增加的一些表单标签,使得原本需要 JavaScript 来实现的控件,可以直
接使用 HTML5 的表单来实现;一些如内容提示、焦点处理、数据验证等功能,
也可以通过 HTML5 的智能表单属性标签来完成。
2. 绘图画布
HTML5 的 canvas 元素可以实现画布功能,该元素通过自带的 API 结合使
用 JavaScript 脚本语言在网页上绘制图形和处理,拥有实现绘制线条、弧线以及
矩形,用样式和颜色填充区域,书写样式化文本,以及添加图像的方法,且使用
JavaScript 可以控制其每一个像素。HTML5 的 canvas 元素使得浏览器无需 Flash
或 Silverlight 等插件就能直接显示图形或动画图像。
3. 多媒体
HTML5 最大特色之一就是支持音频视频,在通过增加了 <audio><video>
两个标签来实现对多媒体中的音频、视频使用的支持,只要在 Web 网页中嵌入
这两个标签,而无需第三方插件(如 Flash)就可以实现音视频的播放功能。
HTML5 对音频、视频文件的支持使得浏览器摆脱了对插件的依赖,加快了页面
的加载速度,扩展了互联网多媒体技术的发展空间。
4. 地理定位
现今移动网络备受青睐,用户对实时定位的应用越来,要求也越来越高。
HTML5 通过引入 Geolocation 的 API 可以通过 GPS 或网络信息实现用户的定位
功能,定位更加准确、灵活。通过 HTML5 进行定位,除了可以定位自己的位置,
还可以在他人对你开放信息的情况下获得他人的定位信息。
5. 数据存储
HTML5 较之传统的数据存储有自己的存储方式,允许在客户端实现较大规
模的数据存储。为了满足不同的需求,HTML5 支持 DOM Storage 和 Web SQL
Database 两种存储机制。其中,DOM Storage 适用于具有 key/value 对的基本本
·158·

