专注WEB开发 分享经验,沉淀知识

HTML5不是你想用就能用?

 作者:chenxing  时间:2016-11-02 09:42  评论:

我自己在写页面的时候,首要把握这一原则,先要保证在各个浏览器下,页面的布局是正常的。对于局部模块,并不会太多的影响用户体验。这个原则旨在把握用户体验和HTML5使用(开发效率)上把握一个平衡点。

html5技术陷阱

写此文并不是教你如何的使用html5的教学文章,而是再写使用HTML5之前如何规避新技术带个你的陷阱。

HTML5发展势头非常猛,但就作为标记语言的应用而言,在今后很长一段时间内依旧不能取代上一版本。为何?主要还是硬件没更上。特别是老版本的浏览器的大量存在。从一点可以看出HTML5的主要应用还是移动端领域居多,因为移动端都是一些高级浏览器。反观pc端浏览器从IE8-11,chrome,火狐等主流浏览器对HTML5的属性支持也不尽相同。

本来HTML5在开发效率上相比之前的标准决对是一个飞跃,比方说对元素动态的效果的处理,之前要写一堆的js代码来实现,用H5一个transition属性就能轻松搞定,但是就是这种兼容性的存在,像这样的东西很难应用到真正项目中,毕竟你无法控制你的用户使用什么浏览器。有时候用了HTML5新增属性,会发现回头测试的时候你要写一大堆处理各个浏览器的兼容性代码,这就HTML5高效率开发背道而驰了。

那么在这样一个特殊时期,我们如何优雅的使用HTML5呢?

1. 页面架构用标准的,局部细节使用HTML5

我自己在写页面的时候,首要把握这一原则,先要保证在各个浏览器下,页面的布局是正常的,对于局部模块使用HTML5,这样并不会太多的影响用户体验。这个原则旨在把握用户体验和HTML5使用(开发效率)上把握一个平衡点。

2. 分析产品的用户人群,再考虑是否使用HTML5

也许很多搞开发的认为“分析产品用户人群”那是运营人员的事儿,有这种想法的人还是都和你的运营人员多沟通沟通。很多时候我们不仅仅要了解这些东西,往往还要给他们从技术角度提供专业的意见。 在一个团队中,如果把产品比作孩子,那么你和运营人员或者产品经理的关系就是夫妻关系

说的这么多还没提到点子上,如果你的用户是一群互联网小白,那么一些先进的技术那就慎用。他们什么浏览器啊,什么操作系统啊,统统不管,你可知道他们的电脑上还装着xp系统?面对这类人群做产品,你只能中规中矩。

反之,你的用户人群是一些极客或者和你自己一样是互联网的重度患者,那么可以大胆使用一些新的技术。

拿个例子,比如我的这个项目“求索网”就没有做太多的兼容性调试,也在很多地方采用了HTML5新增属性,当初还一度先把整个页面用HTML5标签进行架构。因为我知道,我这个是技术分享网站,能来这里的都是和我一样的开发者,浏览器肯定都是些高级浏览器。对于那些不是浏览器进来的用户,我只能说声抱歉,我这里不适合你。明白了你的受众群体就敢这么任性。

除特别注明外,本站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 https://www.qiusuoweb.com/20.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

聊聊国产化

 2024-08-24 15:56  97

内网穿透工具frp配置详情

 2024-07-18 22:30  192

mac在终端复制出现乱码00~ *** 01~

 2024-07-16 20:38  43

php html生成图片

 2024-07-08 20:25  82

scp命令使用说明

 2024-07-06 12:14  113

如何在当前目录打开终端

 2024-07-04 14:54  84

 最新评论

 tradeOff: 08月30日 10:19
在某些领域国产化是一个迫不得已的事儿
来源: 聊聊国产化
 sue: 07月03日 10:24
可以
来源: 微信小程序如何获取单个input值
 流年: 07月02日 11:31
不错的尝试
来源: 博客系统如何用markdown编辑器发布文章
 诚心: 09月29日 23:01
学到了
来源: 如何一次性推送百万级别的消息
 Nick: 04月14日 12:26
网上的资料还是太老,都只是取一个元素,解决了一大难题
来源: redis set集合取出一组数据并删除
 skywalker: 11月03日 18:21
简洁明了
来源: mysql 获取某个日期的前一天或后一天