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

HTML5不是你想用就能用?

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

我自己在写页面的时候,首要把握这一原则,先要保证在各个浏览器下,页面的布局是正常的。对于局部模块,并不会太多的影响用户体验。这个原则旨在把握用户体验和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

新浪微博:草莽兴

 近期文章

一年时间又回到这里

 2019-07-27 16:54  88

PHP字符串转数组的三种场景

 2018-05-05 01:32  181

PHP如何遍历字符串?

 2018-05-04 00:56  913

api接口常见的安全问题和解决方案

 2018-05-03 23:20  811

 最新评论

 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里
 花花草草: 10月14日 14:58
tp5不是已经提前开了吗
来源: _SESSION变量未定义?
 疯了: 10月10日 13:40
你好呀,我使用docker构建的 把整个项目给了777 并把runtime的所有者给了nginx php的运行者还是报错
来源: thinkphp5的mkdir() Permission denied问题探讨
 mesecretme: 09月30日 15:30
有个问题,有没有发现用redis保存session的话,session清空redis的key还没过期,会依然保留的,这是值变成空了
来源: php项目redis实现session共享案例
 旧久: 09月20日 07:24
感谢!
来源: 没备案域名如何在阿里云服务器上使用?
 pagenoname: 08月24日 18:51
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里