傅瑶
摘 要:HTML是互联网上应用最广泛的语言,得到了业界大力支持,已经成为WEB发展的标准。它强大了对多媒体的支持力度和远程与本地对数据的处理能力,本文对HTML5的新特性进行了总结,分析了该语言在移动端的运用优势。
关键词:HTML5;WEB开发
HTML超级文本标记语言是Hyper Text Markup Language的缩写,结构包括头(head)部分、主体(body)部分,头部分提供网页的相关信息,主体部分包括网页显示的具体内容。Html5是超文本标记语言的第五次重大修改,万维网联盟在2014年10月29日宣布该标准规范制定完成,其主要目的是要将互联网语义化,以便能更好地被用户和机器理解,并提供更强大的各类媒体的支持能力,当上所有主流浏览器如Firefox、Ie9、Safari、Chrome等均支持该标准。
一、HTML5新增特性
相较于之前的HTML4,HTML5新增加了一些运用规则,这些规则基于HTML、CSS、DOM以及JavaScript,在错误处理方面得到了提升,同时减少了对外部插件的需要,新增了一些语议化的标签,对于移动设备而言更适宜。HTML5在网页表达和应用上更能满足开发人员的需求,新增加了一些特殊的内容元素,如article、footer、header、nav、section,新的表单控件,如calendar、date、time、email、url、search,更支持音視频的video和audio元素,用于绘画的canvas元素,结合JavaScript语言更好地支持用户本地离线存储。
HTML5文件在第一行的声明文档中更简洁,声明方式只需如下代码,之前多行的声明方式将失效:
<!DOCTYPE html>
在网页文件中添加CSS和JavaScript 文件无需再link时添加Type属性指定文件类型,代码简化如下:
在声明文件的”header”和”footer”部分时,不需再用DIV标签来引导,可直接引用
和标签。对图片进行文字注释时,之前习惯用alt属性,这种表述方式没有将文字和图片内联,利用HTML5引入的元素结合,将原来的代码放进其中,就可以语义化地将注释和图片联系起来。 HTML5极大的提高了对多媒体元素的支持,以前在浏览网页时,如遇有音视频,网页就会提示用户安装各类插件,在换用另一个浏览器访问时,又需重新下载安装插件。这些插件给WEB访问用户带来不便时还存在安全隐患。HTML5引入的和多媒体标签可以很方便地把音频、视频、动画等元素直接导入网页文件中,整个过程不需要用户安装第三方插件,只要浏览器支持HTML5技术,访问用户就可正常观看音视频。 用户想要直接在网页上进行绘图在HTML5之前是无法实现的,标签可以融合JavaScript代码实现该功能。标签脚本语言动态渲染位图,由HTML代码来提供一个可绘制区域的高度和宽度,脚本语言可以访问该区域,通过一套完整的绘图功能生成动态图形。标签未来在游戏、banner广告、远程计算机控制、模拟器等方面的运用将潜力无限。 WEB一直以来都没有实现过真正的本地存储,虽然在页面访问后浏览器会保留少量的cookie,但从数据量和时效性等方面都完全不能和原生应用相较。HTML5新增了Web Storage功能,它能为每个网站提供更多的缓存数据和访问速度,并得到主流浏览器的支持。 富互联网的深入应用,用户随时都需要查找身边的商铺,这就需要结合自身地理位置的准确定位,谷歌地图和百度地图都有提供定位的功能,但这种方式存在地理误差,不法适应移动设备。HTML5 Geolocation API(地理位置应用程序接口)可以获取基于浏览器的当前用户地理位置,使用方法也非常简单,只需要使用地理数据的WEB程序中插入就可实现功能扩展。 二、HTML5在移动端的应用 随着移动互联网的发展,手机上网成为最大的网络群体,生活被各类手机应用程序所改变,在设备硬件支撑能力有限,功能需要越来越大,应用程序越来越复杂的环境下,移动应用程序成为开发人员的转战方向。 WEB浏览的运行环境是浏览器,移动端的WEB可以运行在移动浏览器上,也可运行在各种框架上。移动浏览器是系统自带的,不需要发布,随着系统升级而更新,而移动JavaScript框架则解决了交互集成和Touch问题,降低开发门槛,适合快速开发。 三、结语 HTML5伴随着争议而生,但又以强大的实力征服各应用领域,它正在改变着WEB。在APP充斥的互联网世界里,相信HTML5技术提供的移动WEB应用将引导互联网应用产业良性发展。
最新评论