基于Html5技术的WEB开发
时间：2020-09-19 07:57:18 来源：达达文档网 本文已影响 人 
摘 要：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属性指定文件类型，代码简化如下：
<script src="http://tp.67gu.com/showimg.php?url=script.js"></script>
在声明文件的”header”和”footer”部分时，不需再用DIV标签来引导，可直接引用
HTML5极大的提高了对多媒体元素的支持，以前在浏览网页时，如遇有音视频，网页就会提示用户安装各类插件，在换用另一个浏览器访问时，又需重新下载安装插件。这些插件给WEB访问用户带来不便时还存在安全隐患。HTML5引入的
用户想要直接在网页上进行绘图在HTML5之前是无法实现的，
WEB一直以来都没有实现过真正的本地存储，虽然在页面访问后浏览器会保留少量的cookie，但从数据量和时效性等方面都完全不能和原生应用相较。HTML5新增了Web Storage功能，它能为每个网站提供更多的缓存数据和访问速度，并得到主流浏览器的支持。
富互联网的深入应用，用户随时都需要查找身边的商铺，这就需要结合自身地理位置的准确定位，谷歌地图和百度地图都有提供定位的功能，但这种方式存在地理误差，不法适应移动设备。HTML5 Geolocation API（地理位置应用程序接口）可以获取基于浏览器的当前用户地理位置，使用方法也非常简单，只需要使用地理数据的WEB程序中插入就可实现功能扩展。
二、HTML5在移动端的应用
随着移动互联网的发展，手机上网成为最大的网络群体，生活被各类手机应用程序所改变，在设备硬件支撑能力有限，功能需要越来越大，应用程序越来越复杂的环境下，移动应用程序成为开发人员的转战方向。
WEB浏览的运行环境是浏览器，移动端的WEB可以运行在移动浏览器上，也可运行在各种框架上。移动浏览器是系统自带的，不需要发布，随着系统升级而更新，而移动JavaScript框架则解决了交互集成和Touch问题，降低开发门槛，适合快速开发。
三、结语
HTML5伴随着争议而生，但又以强大的实力征服各应用领域，它正在改变着WEB。在APP充斥的互联网世界里，相信HTML5技术提供的移动WEB应用将引导互联网应用产业良性发展。
