浅析HTML5在电子商务中的应用电子商务专业.docx

1、浅析HTML5在电子商务中的应用电子商务专业浅析HTML5在电子商务中的作用【摘要】互联网的发展、智能设备的普及令人们置身于一个超级信息时代。电子商务的兴起导致了人们生活方式的彻底颠覆，HTML5技术的问世和移动互联网的发展使得电子商务展现出更多的业态。HTML5技术在移动互联网中极具优势，在电子商务中的应用也是行业的焦点问题。目前HTML5技术仍在不断地发展与完善，而对于HTML5在电子商务中的研究还不够全面。 本文基于HTML5在电子商务中的应用现状，主要采用了文献研究法和案例分析法，首先是对电子商务和HTML5的相关理论基础进行概述，阐明其发展历程；然后，结合案例分析了HTML5在电子商

2、务的应用中的表现，总结其体现的优势；最后对HTML5技术及其在电子商务中应用的发展趋势做出展望。本文章基于前人的基础上对HTML5在电子商务中的应用进行了研究，以期能为相关专业学生进行参考学习，以及能为今后的相关研究提供一些参考。【关键词】HTML5技术；电子商务；HTML5广告Analysis of the application of HTML5 in e-commerceAbstractThe development of the Internet and the popularization of smart devices put people in an era of super

3、information. The rise of e-commerce has led to a complete subversion of peoples lifestyles. The advent of HTML5 technology and the development of mobile Internet have made e-commerce show more formats. HTML5 technology has great advantages in the mobile Internet, and its application in e-commerce is

4、 also the focus of the industry. At present, HTML5 technology is still constantly developing and improving, and the research on HTML5 in e-commerce is not comprehensive enough.Based on the current status of HTML5 application in e-commerce, this article mainly adopts the literature research method an

5、d case analysis method. First, it summarizes the relevant theoretical basis of e-commerce and HTML5 and clarifies its development process; then, combined with the case analysis of HTML5 in electronic Performance in business applications, summing up the advantages it reflects; finally, HTML5 technolo

6、gy and its application in e-commerce Prospects for development trends.This thesis has conducted exploratory research on the application of HTML5 in e-commerce on the basis of predecessors, with a view to providing reference learning for relevant professional students and providing some reference for

7、 future related research.KeywordsHTML5; E-commerce; HTML5 Advertising1 前言1.1 研究背景互联网以及移动互联网的发展一日千里，电脑、手机、平板等智能设备的普及也使得互联网等信息技术与人们的生活产生了深度的融合。根据中国互联网络信息中心发布的第44次中国互联网络发展状况统计报告(简称：报告)的数据，截至2019年6月，中国互联网用户数量达到了8.54亿，相比于2018年年底增加了2598万。互联网已经趋于大众化，其普及率达到61.2%，比2018年年底增长1.6%。信息技术和移动互联网的不断发展促进了电子商务的崛起，移动支付

8、对于电子商务的发展也具有至关重要的地位。根据报告，截至2019年6月，中国网购用户规模达到了6.36亿，比2018年底增加2871万，占全部网民的74.8%；而对于外卖行业，也拥有了大规模的用户、商家基础和配送系统。截至2019年6月，中国外卖用户数量达到4.21亿，较2018年年底增长2871万，占网民整体的74.8%。伴随着互联网技术的日新月异，许许多多技术都在优胜劣汰的环境中得到了持续的发展和提升，HTML5就是其一。HTML5是现今前端开发的重要技术，与CSS3、JavaScript一起被称为“前端三剑客”，统称为HTML5技术体系，广泛应用于各种网站建设、应用开发与广告设计。在日常生

9、活之中，处处都离不开HTML5技术的支持。人们浏览的各种网页，手机上使用的电子邀请函、通知函，乃至最常用的微信红包都是基于HTML5技术的产物。HTML5也广泛运用到了电子商务的相关领域，并结合各种互联网应用，形成多种电商经营形式和状态，未来的市场预期十分可观，也在一定程度上推动了我国电子商务的发展。1.2 研究意义目前HTML5技术的应用仍在不断完善，而对于HTML5技术在电子商务中的应用方面的研究仍然不够全面。因此，我们要对此进行研究。分析HTML5在电子商务中的应用的表现，总结HTML5技术在电子商务中的优势，并期望能够利用这些优势来推动电子商务活动的升级和发展。本文立足于HTML5技术

10、在电子商务领域的应用现状，分析HTML5在电子商务应用中的优势，并研究与讨论HTML5在电子商务中有效应用的对策，以期望能够为电子商务专业的学生提供参考与学习，以及能为电子商务相关从业人员提供一些帮助。1.3 国内外研究现状1.3.1 国外相关研究现状国外相关的研究文献有：Percival,John在Html5 Advertising一书中指出,数字广告行业的转变是不可避免的，在数字广告中使用HTML5代替flash是必然的趋势，并提出了数字广告行业转型的战略和发展基准。这本书还介绍了数字广告的制作以及HTML5相关功能的讲解，旨在为开发人员提供一些指导；Yousuf Hasan,Mustaf

11、a Zaidi,Najmi Haider,W.U.Hasan在Smart Phones Application development using HTML5 and related technologies: A tradeoff between cost and quality中，对于基于HTML5的应用程序的功能性、可用性、可移植性和可维护性等进行了评估，还讨论了与native应用程序相比，HTML5应用程序开发可能产生的成本效益。Jiang, Alexandra在HTML5 vs. Adobe Flash : from the end user standpoint中比较了基于Adob

12、e Flash和基于HTML5的数据可视化，并得出了结论：HTML5完全能够表示大量数据。 HTML5并不具有Adobe Flash在所有浏览器中都具有的所有功能，但是随着时间的推移，它的缺点会减少。1.3.2 国内相关研究现状在中国知网、XX学术等学术网站的期刊文献中，近几年相关的研究主要如下：王燕妮在HTML5应用现状分析(2016)中，从三个方面总结了HTML5的应用现状：游戏开发，HTML5游戏借助社交网站的分享传播，用户不需要安装软件，即点即玩；网络营销，HTML5网页设计具有很强的吸引力和强互动性，且形式多元化，通过社交平台传播极具优势；web app开发， HTML5能够更便捷地

13、实现更丰富地功能以及更良好地交互，用于开发web app能够媲美原生app。李君君在HTML5+CSS3在电子商务网站建设中的优势(2018)中，描述了电子商务网站的内容及特点以及和HTML5的特征及优势。她通过列举HTML5更新的功能应用，总结出了HTML5具有更丰富的多媒体应用，能更强力支持复杂网站设计。张弛在基于HTML5的手机移动便利店研究(2018)中，完成了基于HTML5技术的移动便利店的设计与开发，实现了用户定位、买家购物、商品查询、用户信息管理、商家分类管理以及商家店铺管理等功能服务。利用HTML5技术的兼容性特点，支持多种系统、多终端(PC端，移动端)的特点，解决了网站开发的

14、多平台移植的困难点。罗勇和王俊海在移动应用开发上的应用与趋势研究(2018)中，对HTML5的技术特点进行了分析，并从社交游戏应用，移动微博应用，实时效果绘图三个方面说明分析HTML5在移动应用开发上的实践现状，也指出了HTML5技术在各类移动浏览器中还存在不统一标准的弊端，在用户应用感知方面的体验也还不够良好。范正芳在H5营销特征探析及发展建议(2016)中指出，HTML5营销对比于APP营销，具有更加简单应用形式、内容聚焦化、推广传播灵活且迅速等优点。同时，作者还指出HTML5营销存在的弊端如：质量参差不齐、用户留存率低、同质化严重等。周瑜嫄在移动端HTML5广告的受众体验设计研究(201

15、6)中，以受众的体验理论为基础，以受众体验层次为出发点对移动端HTML5广告进行了深入探讨。作者通过对不同表现形式的HTML5广告进行研究，分析对应的受众体验。总结出移动端HTML5广告具有参与者完全沉浸体验、消费者特定场景体验以及社交体验等优势，并提出了基于用户体验的移动端HTML5广告设计的本质属性和方法。史宇珂与史铮在HTML5游戏营销传播特点研究(2017)中，基于HTML5游戏的推广模式及其特点，对HTML5营销的传播特点进行研究。他们指出HTML5主要是以微信为营销传播的主要渠道，并且使用了多平台推广的策略。HTML5广告独特的互动性是其成为传播利器的重要原因，而HTML5游戏即点

16、即玩，充分利用碎片化时间的模式带来了巨大的市场潜力。此外，作者还指出了HTML5游戏营销模式太过于依赖微信平台，以及山寨问题版权纠纷严重的缺点。李晓燕在H5广告的视觉表现与视觉传播研究(2018)中，对HTML5类型广告的视觉传播方面进行研究，归纳了HTML5类型广告中的视觉传播应用情况，并总结了其视觉表现特性，得出了视觉传播有利于促进HTML5广告信息的传播的结论。王浛在H5游戏广告受众心理效果评估模型研究(2018)中提出了HTML5游戏广告的效果评价指标体系，作者从广告受众心理效果评估的角度，通过认知心理学领域内的眼动追踪实验进行实证研究，确定了HTML5游戏广告的评价体系及评价指标，并

17、构建了针对微信HTML5游戏广告的优化策略和设计原则。综上所述，国内外学者对于HTML5的研究很多都是关于HTML5的技术特性和更新的功能方面，以及通过广告学和传播学的角度对HTML5类型广告的传播方式进行研究，而对于HTML5在电子商务领域的研究相对零散。1.4 研究思路1.4.1 研究内容具体的内容：本文是顺应时代的趋势，基于HTML5在电子商务领域的应用现状，分析HTML5在电子商务应用中的特点与优势，并探究其未来的发展趋势。文章将分为六大章节：第1章为绪论部分，主要阐述了本文的研究背景和意义、国内外相关课题的研究现状、研究思路和内容、研究方法、创新点等。第2章主要对HTML5技术和电子

18、商务相关的理论基础进行了概述。第3章是对HTML5技术在电子商务中的应用并且基于案例进行具体分析。第4章是对电子商务应用HTML5技术的未来趋势的设想。在互联网技术和电子商务领域都迅速发展的时代，HTML5具有广阔前景和无数的机遇。第5章总结全文，对前面章节做出总结与梳理。1.4.2 研究方法一是文献研究法。对国内外与HTML5以及电子商务领域相关的文献进行搜集、查阅和分析，尽可能地通过现有的结论，掌握关于HTML5在电子商务应用中的现状，借鉴相关观点和研究问题的思路二是案例分析法。本文将会在第三章选取最新的HTML5应用于电子商务领域的案例，深入分析了其中的优势。1.5 研究创新性互联网技术

19、发展迅猛，科技产品更新迭代也是你追我赶。HTML5技术的应用仍在持续地发展和完善，本文选取的是最新的趋势，并且目前国内对于HTML5在电子商务中的应用的研究是相对零散的。互联网技术日新月异，很多研究都具有一定的时效性。本文基于HTML5与目前的热门技术、应用结合的成功案例，希望在前人的研究基础上，为HTML5在电子商务中的应用的研究做一点补充。2 HTML5技术、电子商务的相关基础理论概述2.1 HTML5技术相关理论概述HTML5技术需要通过两个概念来解释：HTML5就是HTML第五次重大修改的一个新标准。HTML即超文本标记语言，是一种专门编写网页代码的文本。人们所能看到网页中的实际内容就

20、是由HTML写成的，浏览器通过对HTML代码翻译成汇编，再由操作系统翻译成机器码，就能把人们所浏览的网页内容显示出来。作为新HTML语言，HTML5旨在支持移动设备上运行多媒体内容， 它淘汰了一些多余的重复属性或者陈旧过时的属性，同时也新增了新的元素，属性和行为。凭借着更大的技术集合，HTML5能够支撑起更加强大的网站和应用程序的开发。而在广义上的HTML5是一个技术体系的大集合，它包含了HTML5本身，再加上CSS3和JavaScript。CSS3是CSS技术的升级版本，用于设置HTML元素的样式外观和背景属性；JavaScript是一种Web的动态脚本语言，可以实现网页的动态化。例如：内容

21、实时更新，交互式网页设计，3D动画等等。HTML5的技术集合被称为是HTML5和它的“朋友”，也简称为HTML5。基于HTML5技术体系开发的应用也称为HTML5应用。2.2 电子商务的现状与相关理论概述电子商务是通过互联网开展的商务贸易活动。移动电子商务是指通过便携式移动设备（如手机、平板电脑、智能手表等）执行的商务活动。移动电子商务结合了互联网、移动通信等技术，让商务交易活动可以时时处处、线上线下地进行。电子商务的浪潮颠覆了人类社会，网络购物、网络订餐、在线支付等等深度融入人们的生活。电子商务作为数字经济的突出代表，已经发展成为我国经济的中坚力量。据国家统计局、中商产业研究院整理的数据，2

22、018年全国电子商务交易额达到31.63万亿元。电子商务的就业规模也在不断地扩大，根据电子商务交易技术国家工程实验室、中央财经大学中国互联网经济研究院测算，2018年中国电子商务行业从业人员已达4700万人，预计2019年人数将突破5000万。现如今，每年的“618”、“双十一”、“双十二”已然成为电子商务领域的狂欢节日。电商已经成为现代社会最重要的部分之一。近年来，电子商务行业相关的法律政策不断加码，例如：2018年我国拥有了电子商务法，这也将使得我国的电子商务能更加健康地发展。网购、在线支付等方面逐渐有法可依，企业市场行为会更加规范，消费者合法权益的保护也能做得更加完善，为我国电子商务的可

23、持续发展奠定了坚实基础。3 HTML5在电子商务中的应用互联网行业的发展如日中天，电子商务领域也日益繁荣。HTML5凭借者得天独厚的技术优势，在电子商务的应用中取得了良好的效果。本章节将对目前市场上较为常见的HTML5在电子商务中应用的案例进行分析，探究HTML5对于电子商务的作用和其中的优势。3.1 HTML5在电子商务网站建设中的应用电子商务网站是直接面向顾客的，网站外观的吸引程度和浏览操作的体验是影响顾客网购的重要因素。因此电子商务网站建设对于企业来说是一个非常重要的内容。HTML5是专门编写网页代码的文本，为电子商务网站和应用程序的开发提供重要的支持。3.1.1 HTML5是电子商务网

24、站的基础电子商务网站上的网页都是由网页元素组成的，例如导航栏、商品的图片、文字、链接、动画等等。这些元素都是利用HTML5标签描述出来的，然后通过浏览器的解析后显示给用户。相比之前版本的HTML中div布局只能是以矩形或者正方形的方式，HTML5能够设置更加多维、多样的布局方式，使电子商务网站有更好的展示效果。此外HTML5新增的video标签可以直接在网页中添加视频和动画文件。与静态的图文商品展示相比，以视频或者动画的形式展示商品能够更好的体现商品的特性，给顾客更加直观的感受。在HTML5问世之前，flash技术是网络视频与动画的标准格式。网络中的各种视频、动画、游戏等多媒体都依靠它来实现。

25、而HTML5使用video、audio标签,使得网页可以直接播放视频、动画、音频等多媒体资源，而不用束缚于落后的flash和其他浏览器插件，方便又快捷，也节省了性能消耗，电子商务网站中网页的加载速度更快, 并且程序的性能也更稳定。电子商务网站的本质就是HTML5，HTML5的优异特性结合其他互联网技术就能开发出功能强大的电子商务网站，给顾客提供更加清晰丰富的商品信息以及良好的浏览和操作体验，进而促进顾客的购买行为。3.1.2 HTML5的跨平台特性与响应式设计的应用HTML5的代码兼容PC端和移动端，甚至是兼容各种系统，如Windows和Linux、iOS和Android。同样的HTML5源代

26、码能够运行在各种不同的开放系统、应用平台中，打破了不同平台标准各异的局限。基于HTML5的网站可以运行于各种设备中，这样能够提供更加友好的用户体验。伴随着HTML5的广泛应用，“响应式设计”的概念被提出并被广泛运用。响应式设计基于HTML5和CSS3, 它通过百分比布局来创建动态自适应界面, 然后利用媒体查询来约束元素的变动范围, 以及通过设置图片的百分比来动态调整其显示比例,从而实现了对不同访问终端进行最优适配的解决方案, 保持桌面端与移动端用户体验的一致性1。以星巴克的官方网站为例，该网站利用了HTML5技术的跨平台特性结合响应式设计，使得网站能够适配任何设备和系统，网页的内容与排版能够根

27、据用户的操作、不同的系统、设备屏幕的尺寸等因素自动进行调整适应。因此企业不用对每种系统进行单独开发和维护，大大减少成本投入。下面的图片将通过火狐浏览器模拟网站在不同设备上的展示情况。图1-1 Windows下显示的星巴克官方网站页面图1-2 iPad设备中显示的星巴克官方网站页面图1-3 iPhone XR iOS12中显示的星巴克官方网站的页面如上所述，HTML5的跨平台性的优势，结合响应式设计，可以显著地降低电子商务网站的开发的时间与成本，以及后续对网站的运营和维护的成本，可以让企业获得更多的发展机遇。此外，不论是在移动端还是在PC端，网站的浏览操作体验都是一致的，用户的体验也会更好。3.

28、2 HTML5在移动电子商务中的应用表现随着智能手机一日千里地发展，互联网访问重心逐渐由电脑转移到了移动设备。由报告数据可知，截至2019年6月，我国移动互联网用户数量达到8.47亿，比2018年年底增长了2984万，我国绝大部分网民都使用手机上网，其比例高达99.1%。移动互联网有丰富的应用服务，能满足用户多元化的上网需求。与此同时，电子商务业务也逐渐由PC端向移动端转移。HTML5相比之前的版本的HTML，最重要的一个技术特性就是增强了对移动设备的支持。人们可以利用它开发出更符合移动端操作的界面，调用手机的特殊硬件支持。而HTML5在移动端的强力支持也使得移动电子商务出现了一些新的形态，也

29、对移动电子商务的发展起到了很好的催化剂作用。以下将通过案例来分析HTML5在移动电子商务中的应用及其特点。3.2.1 HTML5在移动端商城的应用如今，人们时间的碎片化特性越来越明显。QQ、微信、微博等社交媒体平台的发展方兴未艾，是人们消耗碎片化时间的重要渠道。凭借着这些社交媒体巨大的用户流量，以及无所不在的移动支付，在社交平台开展的电子商务的相关业务成为了移动电子商务的一种重要形式。HTML5商城就是基于HTML5技术和数据库技术等搭建的电子商务商城系统，系统开发所用的技术比较简单，且开发周期较短，还能够直接在浏览器中进行修改调试，后续的系统维护成本也较低。区别于独立的APP，HTML5商城

30、是能够在微信的内置浏览器中打开的，企业可以将HTML5商城入口的链接置于微信公众号中，用户通过微信公众号进入商家店铺，直接进行商品浏览和购买，无需下载手机软件，不会占用设备的存储空间。社交平台灵活和迅速的传播优势有助于HTML5商城进行营销渠道的开扩。根据微信团队官方发布的2019微信数据报告的数据显示，截至2019年9月，微信的月活跃账户数达到11.5亿，与去年同期相比增幅达到了6%。电商企业可以建立微信公众号，并开发HTML5商城，通过对微信公众号的运营吸引用户关注，把微信作为获取顾客流量的入口，利用微信的社交优势来开展营销宣传活动，将公众号的关注流量转化为HTML5商城的用户流量。以华为

31、商城为例，华为商城是华为下属的一站式电商购物平台，提供华为和荣耀品牌的数码产品及配件，以及智能家居和生态生活产品。华为在微信公众号中添加HTML5商城的链接，为用户提供访问和购买入口。消费者从公众号进入商城，在微信里直接进行下单购物。华为商城公众号里还可以发布图文和消息推送，为自己的举办的活动以及商品做宣传，众多的推送消息也为自己的企业形象做了宣传。由大数据网站西瓜数据的预估数据显示，华为商城公众号的活跃粉丝数为332.67万，头条推文的平均阅读量在十万以上。电子商务一般是围绕着流量来做的，流量获取越容易，商家收益就越大。微信的用户规模十分庞大，且依赖黏度高，是目前最为核心的流量平台之一。生活

32、中比比皆是的二维码扫描以吸引用户关注企业的公众号，可以起到吸引粉丝的作用。无处不在的微信群聊与朋友圈转发分享商品能够增加用户粘性，也可以让HTML5商城得到更多关注的机会。图2-1 华为商城公众号与HTML5商城首页如上所述，HTML5商城开发技术简单，开发和维护都比较容易和低成本。HTML5商城依附于微信公众号，这也对电子商务企业品牌和产品的推广和营销有很大的帮助。移动电子商务越来越盛行，HTML5商城在移动设备上也是如鱼得水，使人们碎片化的购物时间能够得到满足，迎合消费者的购物需求。因此，HTML5商城是一种非常不错的流量变现的实现方式，也是电子商务面向移动端的重要渠道。3.2.2 HTML5在电子商务营销中的应用随着移动互联网的发展，现如今电子商务网络营销的方式也层出不穷，HTML5营销就是其一。HTML5营销是指利用移动端HTML5广告以进行产品和项目的推广。HTML5广告是基于HTML5技术体系制作的数字产品，即基于HTML5技术体系的动态网页应用，其一般将图文、动画、视频、音频、表单和互动等媒体表现方式合而为一。HTML5广告在移动互联网中以社交媒体