浏览器与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. 配置Java开发IDE

    http://www.cnblogs.com/feichexia/archive/2012/11/07/Vim_JavaIDE.html

  2. Android Studio打开时提示ADB错误的问题

    如图所示,ADB连接错误,解决办法很简单:打开cmd,定位到sdk文件夹下的platform-tools,然后执行adb kill-server回车:再执行adb start-server即可

  3. ubuntu方块乱码

    更改下环境变量/etc/default/locale LANG="en_US.UTF-8"LANGUAGE="en_US:en"

  4. 在sqlserver中做fibonacci(斐波那契)规律运算

    --利用sqlserver来运算斐波那契规律 --利用事物与存储过程 declare @number intdeclare @A intdeclare @B intdeclare @C int set ...

  5. what is SVD and how to calculate it

    http://web.mit.edu/be.400/www/SVD/Singular_Value_Decomposition.htm SVD是研究地震波运动极性化的一个方法.

  6. win7配上的网关会自动消失?解决

    前几天遇见一台计算机,发现手动设置的ip和网关等...在使用了一会就变成,网关丢失,其他不变...奇怪啊...第一次遇见.后来找了一下.有答案了. 先将客户端卸载掉,再打开网络和共享中心-->本 ...

  7. hightchart属性(更新中...)

    legend:{ layout: 'vertical', //legend中内容垂直放置 align: 'right', //放在图表右边 verticalAlign: 'middle',    // ...

  8. a primary example for Functional programming in javascript

    background In pursuit of a real-world application, let’s say we need an e-commerce web applicationfo ...

  9. go 准备

    坚持每天抽点时间 学习联系 go 语法 主要参考 https://tour.golang.org 官方导向,英语不好的可以切换到中文版本.这个之前都是墙外面的,只能访问国内映像地址 吐槽一下就是 里面 ...

  10. Java源码分析系列

    1) 深入Java集合学习系列:HashMap的实现原理 2) 深入Java集合学习系列:LinkedHashMap的实现原理 3) 深入Java集合学习系列:HashSet的实现原理 4) 深入Ja ...