h5页面是什么样的（H5页面的设计制作整套流程）

H5是Html5的简称，最近两年H5是互联网领域极为火爆的名词，并由此诞生了不少垂直型H5制作企业，一些互联网巨头也早早准备，或开发或投资或收购，争取在H5领域分一杯羹。在这里我们请到了六锐网络科技的网页设计师，让他问我们解答一下H5究竟是什么

Q：H5是个什么鬼?

A：现在营销领域的H5主要是指H5广告，范指那些在移动端中传播的带有特效、互动体验声效的Web网页。H5的出现改善了朋友圈充斥着微商产品、油腻鸡汤的现状，H5广告有着较好的视觉效果和交互体验，让我们的朋友圈变得更加丰富精彩。

Q：HTML5和H5相同吗？

A：不相同，HTML全称HyperTextMarkupLanguage,中文直意为“超级文本标记语言“从94年由万维网(W3C)发明至今，已逐渐成为了网页标记语言的行业规范，它是构成网页的一种标记编写语言，html目前也历经了5次小大修改。2014年HTML 5最终定稿，现在的html5的这套规范可以标记视频、声效、甚至可以画画而不需要flash插件的支持，这是现在H5网页有着如此丰富特效的基础。而H5，正如之前所说，更偏向于营销媒介。

Q：作为开发工程师，你主要负责H5开发中的哪个环节呢？

A：作为一名后端，主要还是负责H5功能实现的评估，一些数据逻辑的处理，这里需要区分开前端和后端。举个例子来说，前端开发主要是静态用户界面加上一些动态效果，不涉及数据逻辑。例如：一个登陆页面，前端开发只要做好静态页面部分 ，加上鼠标移入输入框、移出输入框的颜色变化；但是输入用户名、密码 后登录系统的话要连接数据库，这个就需要后台开发做逻辑处理了！

Q以“品牌曝光”为目的的H5，经常会遇到“卡顿”的问题，都是什么因素造成的呢？

A：这个问题应该从两方面来看，一方面是外在因素的影响，例如网络环境不佳，二是内在因素，像资源文件比较大，没有压缩到最小，还有就是H5没有优化到最佳状态，也会造成打开缓慢，浏览卡顿问题。

Q：我们知道，大流量的H5对服务器的要求很高，如果服务器承受不住压力该如何处理呢？

A：如果可预见流量巨大的前提下，可以做CDN（内容分发网络），CDN的原理就是广泛采用各种缓存服务器，将这些缓存服务器分布到用户访问相对集中的地区或网络中，在用户访问网站时，利用全局负载技术将用户的访问指向距离最近的工作正常的缓存服务器上，由缓存服务器直接响应用户请求。如果H5临时被挤爆也可以在短时间内做一下弹性升级，快速拯救崩掉的服务器。

Q：微信新出台了一系列规定，那么H5如何预防被屏蔽的风险呢？

A：预防嘛，按照规定做就可以了，把心思用在内容与表现形式上就不会被封掉，当然如果真的被屏蔽掉了那就第一时间与微信后台沟通及时更改相关内容，如果客户十万火急的话，我们还可以启动备用域名来撑一段时间，不过还是有被封的可能，建议内容还是要符合微信规则，不要打擦边球。

Q：在H5营销领域，国外的技术要比我们国内的技术领先吗？

A：其实H5这项技术出现的很早，14年在国内就已经火起来了，主要还是得益于微信的出现和浏览器内核的不断调整，哪个技术领先真不太好说，我们国内的现在可以做视频、视频直播H5，国外则会把这项技术应用的更为广泛，比如用mvH5来做艺人宣传，最主要的还是受到环境的影响吧，毕竟文化差异不同，技术发展的方向也会有所不同，但作为开发者来说，我们最终目的都是把这项技术玩的更有趣一点，更美秒一点。

Q：好，谢谢六锐网络科技的分享，也希望今后能开发出更多炫酷的H5页面，让我们的朋友圈越来越精彩。