Web标准与Html5重点技术探讨

丁玲

Web标准与Html5重点技术探讨

丁玲

（江苏省徐州财经高等职业技术学校，江苏 徐州 221008）

随着互联网行业的飞速进步，Web标准越来越得到大众的认可，而Html5是超文本标记语言的第五个标准规范，结合了Html4.01的相关标准并革新，包含Html、CSS3和JavaScript的整套技术是近10年来Web开发标准巨大的飞跃，Html5将Web带上了一个成熟的应用平台，并将视频、音频、图像、动画以及与设备的交互都进行了规范。分析梳理了Web标准与Html5的新特性，并展望了其应用前景。

Web标准；Html5；XML；CSS

随着人们生活水平的提高、科技的发展，在越来越开放的计算机环境中，为了维持共同的最终用户体验，互联网中各个相互关联的事物要能够协同和交互工作，因此就必须遵守一些共同的标准来工作[1]。因此，Web标准应运而生，Web标准不是某一个标准，而是一系列标准的集合，它能够帮助设计者们帮助简化源代码，缩短开发和维护时间，而且基于Web标准的页面结构方便实用，浏览器的搜索引擎能够迅速建立精确的索引，并对信息进行评估。通过对样式表的重用，Web开发人员能够应用更少的代码量获取到更多的信息，使得网站的维护更加方便快捷。

而伴随着移动互联技术的快速发展和智能终端设备的广泛应用，人们不断对Html相关技术提出新的要求，第五代互联网编程语言标准规范Html5由万维网联盟宣布制定完成并于2014年颁布，用于规范网页如何显示内容，是唯一通用于PC、Mac、iPhone、Android、WindowsPhone等主流平台的跨平台语言[2]。Html5可以同时实现文字、图片、音频、视频以及多种功能，如今已逐渐应用于人们生活的各个领域，其关键技术将不断促进着互联网的发展。

1 Html5核心技术

Html5技术是Web中核心语言Html的规范，被认为是互联网的核心技术之一，它是包括Html、CSS3和JavaScript在内的一套技术组合。Html5语法特征更加明显同时还结合了其他元素，对原有的功能进行调整和修改，要求所有开发人员进行标准化工作[3]。此外，Html5能够减少浏览器对部分插件的依赖，如Flash、MicrosoftSilverlight等，从而提高网络服务应用的轻便性和独立性。

1.1 语义特性（Class：Semantic）

Html5引入了新的结构化的语义标签，在文档结构上会更加清晰，新添加的智能表单控件和页面元素大大地增强了Html可表达的表单形式，表单是实现用户与页面后台交互的主要组成部分，智能表单增强了用户体验感，原本需要用JavaScript代码实现的控件现在却可以直接选择Html的某一表单类型或标签实现，微数据的引入使得Web的操作和使用更加简单，例如内容提示、自动获取焦点以及数据验证等功能[4]。

1.2 本地存储特性（Class：OFFLINE&STORAGE）

Html5技术的Html5APPCache和本地存储功能能够使网页的启动更快速和便捷，且不需使用任何插件，本地存储功能可以实现将数据完整保存，即使重启浏览器也可以继续存在。Html5支持DOMStorage和WebSQLDatabase两种存储机制，可以实现不同的存储需要，前者可以实现复杂结构的数据本地存储，DOMStorage适用于具有key/value的本地存储；而WebSQLDatabase是适用于关系型数据库的存储方式，开发者可以使用SQL语法对这些数据进行查询、插入等操作[5]。

1.3 网页多媒体特性（Class：MULTIMEDIA）

Html5技术支持网页端的Audio、Video等多媒体功能，内置画布、视频、音频、SVG、WebGL等对象，可以在Web中嵌入音视频播放功能，从而不需要其他插件的支持便也可以让用户在设备上享受文字、图像、声音、视频等的结合。

1.4 设备兼容特性（Class：DEVICEACCESS）

Html5中提供了数据与应用接入开放接口，这种功能上的优势就可以使内部数据与外部应用直接相连，因此Html5就能够更好地兼容以往的技术，比如影音文件等可以直接与microphones及摄像头相联，更便于用户的使用。另外，在获取手机定位和手机地图的IP地址的探测方面，Html5可以通过geolication中的AIP功能来实现目标的精确定位，从而取代原来的IP定位[7]。Html5通过使用GPS和网络信息等多种定位方式获取位置信息，相比于之前的IP定位更加精准。另外，Html5除了可以定位自身的位置，还可以在他人开放信息的情况下获得他人的定位信息[6]。

1.5 CSS3特性（Class：CSS3）

CSS3中能够在不需要更多的改变性能和语义结构的前提下，提供更多的风格和更丰富的设计效果。

1.6 多线程特性

Html5利用工作线程WebWorker将Web应用程序从原来的单线程业界中解放出来，从而实现了多线程操作，Html5中新增加的WebWorkerAPI，使得用户可以同时创建多个线程，这些线程可以有条不紊地在后台进行，且不影响用户界面和响应速度，这样就会大大提高操作效率，同时这些线程之间也可以进行数据交互，而且这些处理不会因用户交互而运行中断。

综上所述，Html5技术的研究已然趋于成熟，其主要新特性在于：视频和音频的支持；图形的支持；表单功能增强；存储功能增强；通信功能的增强；拖放功能支持；多线程的支持；地理位置的支持。这些特性使得Html5具有丰富的功能性和良好的跨平台性，也提供了广阔的应用前景。

2 Html5与Web中技术的共存和应用

随着移动互联的发展，目前移动终端的发展迅猛，Html5的出现给Web的应用带来了新的希望和挑战。地理位置定位的API使得百度地图、谷歌地图、高德地图等的电脑端和移动版本的APP相继出现；优酷、爱奇艺等视频网站也相继放弃了Flash等插件播放视频，而使用了Html5来播放。总的来说，支持Html5的移动应用终端可以运用NativeAPP、WebAPP和HybridAPP三种运行环境[7]。

2.1 NativeAPP

基于NativeOS的Html5运行环境，需要浏览器支持Html5的相关特性，通常需要在操作系统层嵌入浏览器内核，在此基础上扩展Web渲染引擎和JS引擎的功能，此浏览器为Html5提供终端的运行和管理，使得浏览器与云端交互。

2.2 WebAPP

WebOS完全基于Html5技术开发，但依赖于浏览器的解析，WebAPP操作界面直接适用于移动终端，可以让用户获取与本地应用相同的使用感受，它的出现改变了移动端与智能终端的设计，为用户带来了更加良好的体验。

2.3 HybridAPP

HybridAPP的开发模式为混合模式，是介于NativeAPP与WebAPP之间的一种模式，因此HybridAPP兼备两者的优点，不仅拥有良好的人机交互体验，还具有跨平台的优势，虽然维护成本低，但需要对客户端和Html5同时管理，其开发设计过程相对复杂[8]。

3 总结

从互联网的发展历程来看，目前使用Html5来开发的应用越来越多，更多支持Html5的终端也在不断演进，这都得益于Html5的多种功能性和良好的跨平台性。此外，Html5在安全监测方面也有突出的表现，基于Html5的安全监测工具，对漏洞进行全面的分析和监测也得到了一定的运用，将整个系统分为注册管理模块、漏洞监测模块、扫描显示模块和扫描配置模块，对监测工具总体设计，然后对监测结果进行分析。

但Html5仍然在安全问题上存在一定的不足，首先在支付的过程中，具体过程的实现中还遇到很多的安全问题，而人脸支付的技术也在不断研究中。如果Html表单被篡改数据，这种操作对消费者是一个很大的威胁。Html5在离线存储方面也存在着不安全因素，因为Html5不具备针对离线存储加密的功能，而Html5技术能够存储日志，而如果程序出现问题，开发者则可以通过搜索查询日志来对其进行研究。

因Html5具有的各种方便快捷的特征和优势，使得其被不断发展与应用，但也存在一定的问题。Html5着广阔的应用前景，需要人们不断学习和完善。

［1］柳翔.基于Html5技术的大坝安全监测图像绘制技术［J］.数字技术与应用，2015，12（11）：72-74.

［2］李晶莹，王方雄，侯英姿，等.基于Html5/JavaScript的WebGIS功能界面设计与开发［J］.微型机与应用，2016， 21（7）：104-105.

［3］刘沐煊.关于云环境中Web应用的微服务架构评估研究［J］.科技资讯，2018，14（23）：159-160.

［4］王世超.基于Html5的水利枢纽仿真系统的研究与实现［D］.邯郸：河北工程大学，2016.

［5］李世满.基于Html5Web技术APP快速开发研究——以移动办公APP软件开发为蓝本［J］.电脑知识与技术，2016，21（3）：81-82.

［6］温谦.CSS网页设计［M］.北京：人民邮电出版社，2016.

［7］刘爱辰.大数据背景下高校科研管理信息化建设的现状与问题探析［J］.企业科技与发展，2017，16（11）：97-99.

［8］胡江汇，宋兴.下一代Web标准之CSS3核心技术研究［J］.科学技术创新，2016，21（14）：109.

TP393.09

A

10.15913/j.cnki.kjycx.2019.24.060

2095－6835（2019）24－0135－02

〔编辑：张思楠〕