浏览器与HTML5的相辅相成

往往一项技术的更新和发展并不是单一性的,浏览器和HTML5技术的发展亦是如此,而它们的进步也带动了整个行业的变化。浏览器与HTML5相辅相成的关系也让我们的网页能够实现更多的技术,使得提高用户体验的同时还能够享受更多的便捷。

还记得小编第一次听到HTML5这一个词,还是在那个诺基亚可以横行,安卓和苹果都只能仰望这位老大哥的年代。在那时,大家在访问网页内容或观看视频时,最常在网页顶部弹出一列提示,需要安装某某插件。对,您想得没错,就是我们已经渐行渐远的flash插件。当时的我们,也许对用户体验的感知度还相对薄弱,一个网页,只要能够访问就很不错了,对于它的周遭并不会要求更多。当伟大的乔布斯宣布苹果将放弃对flash的支持时,小编的想法就是,这一定是疯了吧,不支持flash,这东西还能用吗?时至今日,小编自知已打脸。乔老爷子敢于放弃一样已经成熟的技术,这得益于当时有一项新的技术诞生,而这样新的技术就是HTML5。

就现在的情势看来,浏览器与HTML5算得上是携手并肩,共同进退的关系。但在HTML5出现之前,我们也可以很正常的浏览网页,做我们该做的事情。这样看来,貌似HTML5也是可有可无的。但它的出现,把flash这样的老大哥定在了历史长河的那个点上,由这个点影响到了浏览器的发展,浏览器也正式进入了一个谁主沉浮的大混战时代。

以IE、火狐、谷歌为首的浏览器

纵观浏览器的发展史。不管是依靠Windows系统而崛起的IE浏览器,还是从技术出发占得一席之地的火狐和谷歌。这些都是淘汰了众多的竞争对手站到了用户面前的佼佼者。就HTML5技术在浏览器上的支持来看,针对浏览器而论,IE这位老大哥让我们看到了诺基亚的影子。如今想通过Microsoft Edge浏览器拉回客户的心,也还有一大段辛碌历程要走了。

从前端开发中多少也能看出浏览器的先进性,我们一边小心翼翼的处理和规避IE6+带来的兼容问题,一边在用谷歌或者火狐调试代码功能。本来一切正常的效果,放进IE之后就瞬间崩溃掉。心里的OS便是“要是没有IE该多好啊... ...”人人都用一种浏览器岂不是轻松愉快。虽说这不现实,但也体现了IE在这方面的滞后性。从用户使用来看,国内因为很多说不清道不明的原因,大多数用户并不会考虑谷歌或火狐,取而代之便是360、腾讯这些拥有更多特定用户群体的浏览器。它们在能够很好的支持HTML5的基础上,加入了很多提高用户体验的功能,使得我们虽然使用着Windows但不用IE的现象更加正常且普遍。HTML5的出现,IE浏览器处在了一个比较尴尬的位置,开发者不喜欢它,用户不选它,算是葬送掉了自己的天时与地利吧。就这点来看,IE的颓败HTML5也有些火上浇油的意思。这项技术的出现,算是几家欢喜几家愁啊!

HTML5的明天会更好

HTML5现在还处于一个上升阶段,还有很多的新特性在不断的研究开发出来。它的运用也不仅限于浏览网页了。我们所熟知的阿里在手机端的系统YUN OS就是基于HTML5技术开发出来的。虽说现在的市场份额占比还比较小,但这也展示了HTML5在未来的一个发展趋势。它更大的包容性会让更多的开发者为之投身其中,会有更多新鲜的东西源源不绝的被开发出来。

如今看来,不知是浏览器的大力支持成就了HTML5的辉煌,还是HTML5技术促进了浏览器的发展。不过最终受益的还是广大的用户群体。因为我们开始在乎用户体验,迫切需要方便快捷的查阅咨询,不在停留在上古时期那种能用就好的思想上。正因为用户有了更高的要求,促使不管是HTML5还是浏览器,都不会停下各自的脚步。

致谢

很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。

浏览器与HTML5的相辅相成的更多相关文章

  1. 基于浏览器的HTML5地理定位

    基于浏览器的HTML5地理定位 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML ...

  2. 让ie浏览器支持html5新标签的解决方法(使用html5shiv)

    没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...

  3. html5shiv.js-让IE浏览器支持HTML5标准

    兼容性IE8及以下IE版本 浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题. <!–[if IE]> ...

  4. 老式浏览器兼容HTML5和CSS3的问题

      1.让老式浏览器支持HTML5   HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因 ...

  5. 检测浏览器对HTML5和CSS3支持情况的利器——Modernizr

    Modernizr是什么? Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库. 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 ...

  6. jquery实现上传图片预览(需要浏览器支持html5)

    jquery实现上传图片预览(需要浏览器支持html5) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...

  7. 如何让低版本IE浏览器支持HTML5标签并为其设置样式

    现代的浏览器都支持HTML5,HTML5定义了 8 个新的 HTML 语义元素.所有这些元素都是 块级 元素. 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 ...

  8. 解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题

    https://www.cnblogs.com/yangjie-space/p/4816279.html html5shiv.js和respond.min.js 做页面常用的东西,写这里用的时候省点去 ...

  9. 不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什 ...

随机推荐

  1. Extjs4 -- Ext.loader命名空间的配置

    初次使用extjs4的版本,在配置学习Ext.Loader()进行js文件的动态加载机制,由于各种原因导致多次失败,纠结2天,现将解决时出现的问题及需要注意事项进行记录 开发环境myeclipse8. ...

  2. svn出现版本冲突之后的 无效路径

    .csproj.FileListAbsolute.txt  找到之后删掉错误的代码

  3. Service Broker应用(1):简介、同server不同DB间的数据传输

    简介:SQL Server Service Broker,以下简称SSB,是一种完全基于MSSQL数据库的数据处理技术,为短时间内处理大量数据提供了一种可靠.稳定.高效的解决方案.一次同步的数据最大可 ...

  4. hihoCoder#1000

    刚开始学习C语言,准备在做hiho的题目的过程中来学习,在此进行记录,如果代码中有错误或者不当的地方还请指正.   时间限制:1000ms 单点时限:1000ms 内存限制:256MB 描述 求两个整 ...

  5. 【解决方法】安装Win7和linux双系统后,linux报错“无法分配所提交的分区 not enough free space on disks”问题,以及win7无法启动“BootMGR image is corrupt....”问题

    近日,在笔记本上重装了Win7 企业版(64位)后,想装个linux双系统,于是开始安装 centOS 6.2(光盘安装) 硬盘分了一个主分区(c盘),一个扩展分区(3个逻辑分区:d,e,f盘),然后 ...

  6. C#编程:SqlCommand.Parameters.Add()方法的参数问题。

    在存储过程中添加2个参数 sql语句 例: “update [tablename] username = @username where id=@id” 然后把需要的 command.Paramete ...

  7. POJ 3683 Priest John's Busiest Day (2-SAT)

    题意:有n对新人要在同一天结婚.结婚时间为Ti到Di,这里有时长为Si的一个仪式需要神父出席.神父可以在Ti-(Ti+Si)这段时间出席也可以在(Di-Si)-Si这段时间.问神父能否出席所有仪式,如 ...

  8. 修改 Docker 默认网桥地址

    在公司里搭建docker测试环境,需要访问内部的服务, 由于网段是172.17.导致该容器没有办法正常访问公司内部服务.翻了一下官方的帮助文档,找到了修改默认网桥地址的办法. 首先停止正在使用的 Do ...

  9. 0526 Sprint1个人总结 & 《构建之法》第八、九、十章

    Sprint1的个人总结: 我是老人组的成员,我们是做一款四则运算训练的软件.然后我是接了界面设计的任务,所以我任务将会是sprint1中相对重一点的一方.我的感觉是,界面要做得充满童趣,毕竟我们的软 ...

  10. tab标签切换

    <script>$(document).ready(function(){ $(".drtitle li").click(function(m){ $(this).ad ...