刘晓知

摘   要：主要探究HTML5对新媒体的推动作用。以新媒体与HTML5相关概述为出发点，分析其处理语法错误、便于开发维护、加强网页设计、实现离线缓存、加强交流互动等特点，并探究HTML5技术在我国的应用实例与未来发展，以期为相关工作者提供参考。

关键词：HTML5;新媒体;用户服务

移动端发展日新月异，HTML5被看作移动互联网的未来发展希望。HTML5为超文本标记语言，主要目的是创建网页，便于看到更多信息，可提供大多数现有使用插件扩展才能完成的功能，在页面直接显示图片、视频等多媒体元素，可满足多媒体跨平台需求，技术的革新推动了新媒体的进一步发展[1]。直到2012年，HTML5技术才正式出现在人们视野中。

1    新媒体与HTML5相关概述

新媒体是与传统媒体相对的概念，传播方式多种多样，可通过网络、数字电视、手机等向用户提供相应的服务与信息。利用现代互联网方式，凭借QQ、微信等媒体平台工具实现一系列宣传的行为，被称为新媒体运营，具有容量大、交互性、实时性等特点，可跨越地界，实现全球化，受到人们的广泛欢迎。

HTML5属于Web中HTML核心语言的规范，无论用户使用什么手段，浏览网页时其内容格式都为HTML，浏览器技术可将其转变为可识别信息。相较于传统技术，HTML5拥有明显的语法特征，能与SVC内容相结合，处理多媒体内容信息时更加便捷，改进了原有功能，可实现标准化工作[2]。

21世纪作为因特网高速发展阶段，人们越发习惯接受碎片化、图形化的信息，新媒体服务无排他性，一家媒体可提供报道、观点等服务内容，其他媒体也同样可以，而媒体的差异性主要是媒体服务不同的自我定位，有助于读者通过自由组合观看自身所需内容。从技术视角而言，生动简单、形象易懂、传播速度快的HTML5更加符合其理念，作为HTML的第5代，利用HTML5语言制作数字产品十分富有新意，将其应用于新媒体中，对于其未来发展具有积极的推动作用。

HTML5应用技术主要有以下几种：（1）Web App模式。是以Web为基础的一种技術，依赖浏览器解析。操作界面及方式更加适用于收集屏幕，可为用户提供一致性体验。（2）Web商店。应用商店已经成为新的网页应用方式，Web可覆盖多种平台，实现应用试用，无须安装第三方应用程序即可保持最新版本的使用。（3）Hybrid App模式。此种模式可减少本地应用体验，盈利模式以移动平台付费收益为主，通过大量Web逻辑实现，具备跨平台特点。

2    HTML5对新媒体发展的推动作用

2.1  处理语法错误，识别复杂信息

HTML5与之前标准相比，添加了更多的新语法特征，包含<canvas>（图形定义）、<audio>（音频定义）、<video>（视频定义）等元素，可在网页中处理并添加各种多媒体内容图片，新元素如<header>（页面定义）、<section>（节定义）、<nav>（导航链接定义）、<article>（文章定义）等则将文档数据内容加以丰富，移除一些多余元素及属性，对部分元素标准化或重新定义，HTML5中DOM、APIs构成其基础部分，对于非法文档细节加强定义处理，可让客户端与浏览器对语法错误统一进行处理，识别复杂媒体信息或普通文章信息等相应内容，有助于多媒体经过网络传递后更易被使用检索。

2.2  便于开发维护，实现及时更新

在网页中，多媒体内容包含动画、图片、图形、视频、声音等，这些内容主要是在计算机上安装对应的插件，如，Flash动画播放中应当安装插件Flash player，AVI视频则需要安装插件微软视频播放器，通过插件呈现多媒体内容。此种方法缺点明显，主要是不同操作系统中浏览器插件兼容性差异较大，若是无法对插件正确安装，则不能正常播放其中内容，加大了插件开发的难度，欠缺普适性，且不同网页中，插件所展现的内容稳定性不同，同时，插件本身也需要安装下载，浪费了储存空间，对移动终端用户构成了较大的困扰[3]。

HTML5可通过CSS3撰写Web-based程序，增加一份程式码即可实现Android与IOS系统同时支撑，具有更强的灵活性。跨平台目前主要可分为两个发展方向，HTML5 + Native与中间语言编译。HTML5 + Native属于混合开发，以HTML5为主体，整体构架为Native，通过HTML5可实现跨平台的UI布局等。若是开发中存在无法实现或体验不良等功能，则可凭借Native完成;而中间语言编译，以RN为例，传统APP开发者应当以iOS与Android原生C/C++、Object-C、Java等技术为基础进行开发，而开发RN中可应用JS编码输出APP，执行时，JS又可映射回iOS与安卓的原生层面，实现快速编码。

通过以上方式，让HTML5具有跨平台、开发便捷的优势，受到互联网多媒体的欢迎，通过Web-APP产品即可解决多项浏览器、系统操作、Web、WAP等兼容问题，多媒体用户听音乐、看视频无须下载其他插件，将浏览器打开即可得偿所愿，有效将流量支出降低，为用户带来优质体验，传播媒体也更加高效、稳定、通用。

2.3  加强网页设计，提升视觉冲击

网页设计在新媒体视觉传达过程中具有重要作用，此种设计作为将文字图形语言进行传达的常规模式，可让受众在普通浏览时感受到视觉冲击，予以不同的视觉感受。在网页设计过程中，以往排版是将图片作为背景设计出新颖的板式作品，但操作十分繁琐，版型修改、颜色填充时需要有Silverlight或Flash插件，否则无法实现完整的网页设计，对新媒体发展造成一定阻碍。而应用HTML5技术后，用HBuilder创建网页，打开Web项目，在新建的Web项目中建立HTML5文件，tab键可自动生成网页骨架，常用H标签（标题标签）、P标签（段落标签）、hr标签（水平线）、br标签（自动换行）、a标签（超链接）。在布置表格时，以<thead></thead>定义表格头部，<tbody></tbody>定位表格主体。并用canvas元素进行画布，此元素利用自带的API与JavaScript脚本语言结合使用，可在网页中处理和绘制图形，画出弧线、矩形、线条，以颜色或样式填充区域，添加图像，书写样式化文本，还能通过JavaScript控制像素，让新媒体网页设计更加便捷，以此提高受众的视觉冲击，从而推动新媒体发展。

2.4  离线缓存内容，减轻设备压力

HTML5之前的网页无法连接，只能通过联网访问，传统cookie在使用中数据只能存储4 KB，存储机制十分简单，安全性差，无法将其在离线开发中应用，以往在PC时代并无较大影响。但互联网时代到来后，移动终端位置并不固定，更加依赖无线信号，降低了网络可靠性，而HTML5 Web Storage API可将其看作加强的cookie。HTML5存储方式较多，通过local Storage可将数据存储在本地，數据大小并不会对其造成限制，架构弹性更佳，可在本机ROM中写入数据，关闭浏览器后再打开时数据自动恢复，网络流量减少，不会占用后台资源，为硬件设备减轻了压力，运行流畅性随之提升。

上述本地存储机制可有效解决新闻媒体离线存储问题，无论是何种形式的多媒体数据，皆可长期或临时地将内容存储至本地，在设备上，用户可在未联网的情况下对网页进行访问。特别是手机媒体，用户并不会受到地域、时间等方面的制约，没有网络状态下，也可以对本地存储的媒体内容访问，在源头上解决了新媒体联网传播及离线的结合模式，访问更加灵活多样、简单便捷。

2.5  通过地理定位，加强交流互动

导航与定位不再专属于定位软件，新媒体用户无需下载更多地图包，利用HTML5引入Geolocation中的API，或是利用GPS网络实现用户定位，定位变得更加灵活准确。新媒体在应用时不仅可利用HTML5定位自身方向，还能在他人开放信息的情况下得到其定位信息，加强用户之间的交流互动。新媒体也可通过用户信息，推送符合用户特点的信息，提高新媒体传送信息效率。

HTML5技术越发成熟，此项技术的应用将会为新媒体赢得更多用户的选择与青睐。在今后的设计中，设计人员也应当注意与新技术结合发展，创建更多可供用户交流互动的方式，为其提供更多选择，满足用户交流沟通需求。

3    应用实例与未来发展

HTML5技术指Web-APP总称，具有开发模式优化、互联互通的强大优势，应用十分广泛。我国Web-APP支持程度最好的浏览器为腾讯QQ浏览器与UC浏览器，二者云集了Web-APP数百个高质量产品。通过实例可知，HTML5技术可借助浏览器更加流畅地欣赏节目，任意节目点击后都可调用相应的播放器进行实时播放，省去跳转流程。

尽管HTML5技术不断完善，但仍有其他问题需要一一解决。相较于本地应用，HTML5性能较差，网络收集不稳定，相信未来其能够在互联网中得以完善，推动新媒体的进一步发展。

4    结语

HTML5技术的研发，对我国新媒体行业造成了巨大的冲击。HTML5技术的应用可为用户提供交互方式、跨平台、离线缓存、访问方式等方面的服务，发展前景良好。

[参考文献]

[1]韦剑宾.论HTML5对新媒体的推动作用[J].西部广播电视，2019（10）：195-196.

[2]陈成佑.HTML5技术在新媒体上的应用[J].数字技术与应用，2018，36（4）：234，236.

[3]李   晨.新媒体时代下的HTML5广告传播模式研究[J].艺术科技，2017，30（9）：126.