浏览器与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 如果我们不做什 ...
随机推荐
- AngularJs的UI组件ui-Bootstrap分享(七)——Buttons和Dropdown
在ui-Bootstrap中,Buttons控件和Dropdown控件与form表单中的按钮和下拉框名字很像,但实际上这两个控件有新的含义. 先说Buttons,它是一组按钮,用来实现form表单中的 ...
- NPOI 2.0 创建Excel文件
如果只是简单的处理的话,只需要引用下载压缩包里的 NPOI.dll (office 2003)或 NPOI.OOXML.dll (office 2007) 文件而已. using System; us ...
- [WinForm] VS2010发布、打包安装程序
最近用到了VS2010WinForm的程序打包功能,网上发现一篇好帖,在此记录以供日后他人之需. 原文链接地址:http://www.mamicode.com/info-detail-2453.htm ...
- android 代码优化
http://android.tgbus.com/Android/androidnews/200812/172247.shtml http://blog.163.com/jzq_520/blog/st ...
- clip:rect矩形剪裁
clip:rect(top right bottom left);依据上-右-下-左的顺序提供自图片左上角为(0,0)坐标计算的四个偏移数值,其中任一数值都可用auto替换. 矩形剪裁 还需要绝对定位 ...
- Python的平凡之路(17)
一.认识jQuery jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设 ...
- 一些Layout的坑
iOS这个东西,初学感觉,还好还好,然后一年之后再来修复一下初学的时候的代码,我只是感觉头很晕- - 别扶我. AutoLayout的坑,明明以前都没有的!!!升了iOS10就突然发现了这个坑,其实也 ...
- 关于iOS和OS X废弃的API你需要知道的一切
如你所知,已废弃(Deprecated)的API指的是那些已经过时的并且在将来某个时间最终会被移除掉的方法或类.通常,苹果在引入一个更优秀的API后就会把原来的API给废弃掉.因为,新引入的API通常 ...
- Session阻塞 读写锁引发的小问题
引子 我们来看两个ajax方法,先后的问题,会有什么样的结果? Javascript: $(function () { //第一个 $.ajax({ type: "POST&qu ...
- form input file 图片上传360IE兼容问题
<form action="" class="form-box" class="form_box" enctype="mul ...