浏览器与HTML5的相辅相成
浏览器与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的相辅相成的更多相关文章
- 基于浏览器的HTML5地理定位
基于浏览器的HTML5地理定位 地理位置(Geolocation)是 HTML5 的重要特性之一,提供了确定用户位置的功能,借助这个特性能够开发基于位置信息的应用.今天这篇文章向大家介绍一下 HTML ...
- 让ie浏览器支持html5新标签的解决方法(使用html5shiv)
没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览 ...
- html5shiv.js-让IE浏览器支持HTML5标准
兼容性IE8及以下IE版本 浏览器IE8及以下IE版本对HTML5标签的支持是有限的,我们可以通过在网页中添加脚本的方式来解决目前IE浏览器对HTML5支持的问题. <!–[if IE]> ...
- 老式浏览器兼容HTML5和CSS3的问题
1.让老式浏览器支持HTML5 HTML5能为我们做的事儿很多,最为可口的就是语义化标签的应用,如果你已经在Chrome或者其他支持HTML5的浏览器上用过它的牛x,那这篇文章对你一定有用,因 ...
- 检测浏览器对HTML5和CSS3支持情况的利器——Modernizr
Modernizr是什么? Modernizr 是一个用来检测浏览器功能支持情况的 JavaScript 库. 目前,通过检验浏览器对一系列测试的处理情况,Modernizr 可以检测18项 CSS3 ...
- jquery实现上传图片预览(需要浏览器支持html5)
jquery实现上传图片预览(需要浏览器支持html5) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&q ...
- 如何让低版本IE浏览器支持HTML5标签并为其设置样式
现代的浏览器都支持HTML5,HTML5定义了 8 个新的 HTML 语义元素.所有这些元素都是 块级 元素. 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 ...
- 解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题
https://www.cnblogs.com/yangjie-space/p/4816279.html html5shiv.js和respond.min.js 做页面常用的东西,写这里用的时候省点去 ...
- 不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什 ...
随机推荐
- hdu 1159, LCS, dynamic programming, recursive backtrack vs iterative backtrack vs incremental, C++ 分类: hdoj 2015-07-10 04:14 112人阅读 评论(0) 收藏
thanks prof. Abhiram Ranade for his vedio on Longest Common Subsequence 's back track search view in ...
- Java基础之类的初始化顺序
对于静态变量.静态初始化块.变量.初始化块.构造器,它们的初始化顺序依次是 (静态变量.静态初始化块)>(变量.初始化块)>构造器 对于继承的情况: 1. 父类--静态变量 2. 父 ...
- 【转】 linux 下Time_wait过多问题解决
问题起因: 自己开发了一个服务器和客户端,通过短连接的方式来进行通讯,由于过于频繁的创建连接,导致系统连接数量被占用,不能及时释放.看了一下18888,当时吓到了. 现象: 1.外部机器不能正常连接S ...
- 读IT小小鸟有感
第一次阅读<我是一只IT小小鸟>是在老师的推荐下的,我是一名软工大一新生,那天在课堂上听到了这本书,由于是10年前的老书,要找到它非常不易,终于在网上看到一些部分电子档. ...
- php绘图问题
php绘图首先要确认gd库是否启用,到php.ini文件中,找到extension=php_gd2.dll将前面的:去掉,重新启动服务器. 如果在绘图中还是没有显示正常的图片,说明服务器在回复请求时, ...
- 如何布局包含Image和Title的UIButton
UIButton中的titleEdgeInsets和imageEdgeInsets可以管理button中image和title的布局.如果对其理解不够深入,用纯数字进行布局管理,经过不断的调试,还是能 ...
- Flask + WSGI + Nginx 云部署
这几天学着用flask写一些rest api,然后部署到云上.这个过程虽然网上有很多的教程,但还是遇到不少的问题! 采用flask的原因是因为它比较容易上手吧.用flask有专门restful api ...
- macbook air 128g 磁盘清理
使用 du 命令发现 ~/Library/Developer/Xcode/DerivedData 占用了大量空间,这些都是xcode对以前建过的project源码文件建立的索引等,如果不需要可以都删 ...
- Selenium 2 入门
在多个浏览器中进行 Web 应用程序的端到端功能测试 Selenium 是一款有名的 Web 应用程序测试框架,用于进行功能测试.新版本 Selenium 2 结合了 Selenium 1 和 Web ...
- Linux中的find(-atime、-ctime、-mtime)指令分析
本篇主要对find -atime(-ctime..mtime)指令的用法.参数.运行情况进行分析 用法: find . {-atime/-ctime/-mtime/-amin/-cmin/-mmin} ...