插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv

用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!

使用方法,在

内添加如下代码:

上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5shiv.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部调用。

插件:Respond.js让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持媒体查询。git地址https://github.com/FOmaerl/Respond.js

响应式布局,理想状态是,对PC/移动各种终端进行响应。媒体查询的支持程度是IE9+以及其他现代的浏览器,但是IE8在市场当中仍然占据了比较大量的市场份额,使我们不得不进行IE低端浏览器的考虑。那么如何在IE6~8浏览器中兼容响应式布局呢? 这里我们需要借助这样一个文件:respond.js.

Respond.js 是一个快速、轻量的 polyfill,用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性,实现响应式网页设计(Responsive Web Design)。

使用方法:

引入到css文件后面,且越早引入越好,这样在IE下面看到页面闪屏的概率就越低,因为最初css会先渲染出来,如果respond.js加载得很后面,这时重新根据media query解析出来的css会再改变一次页面的布局等,所以看起来有闪屏的现象.

插件:excanvas.js ,IE8 及以下的浏览器不兼容 canvas,可以使用 ExplorerCanvas 做兼容性的替代。git地址:https://github.com/yinso/excanvas

使用方法,最好在

标签内引入下面代码

html中的canvas标签必须写在excanvas初始方法之后,即:canvas必须在excanvas初始完成后生成,因此最好把excanvas.js引入到

html5新特性

这一篇博文不会告诉你怎么去使用html5的新特性,只会给你总结一下新特性------对于好学的人可以把这篇文章当做一个目录 对于初接触的人来说是一个导向 对于已经接触过的人来说是一个检测你掌握程度的检 ...

HTML5新特性之CSS+HTML5实例

1.新的DOCTYPE和字符集 HTML5的一项准则就是化繁为简,Web页面的DOCTYPE被极大的简化. 同时字符集声明也被简化了:

xmake v2.1.5版本正式发布,大量新特性更新

此版本带来了大量新特性更新,具体详见:xmake v2.1.5版本新特性介绍. 更多使用说明,请阅读:文档手册. 项目源码:Github, Gitee. 新特性 #83: 添加 add_csnippe ...

web全栈架构师[笔记] — 03 html5新特性

HTML5新特性 一.geolocation PC端 精度比较低 通过IP库定位 移动端 通过GPS window.navigator.geolocation 单次 getCurrentPositio ...

HTML5新特性:范围样式

原文出处:http://blog.csdn.net/hfahe/article/details/7381141        Chromium 最近实现了一个HTML5的新特性:范围样式,又叫做&lt ...

html5新特性与用法大全了解一下

有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下. 1)新的语义标签 footer header 等等2)增强型表单 表单2. ...

html5新特性contenteditable 属性更容易实现动态表单

介绍html5新特性的一个属性:contenteditable 作用域全局.所有的块标签都可以,例如:span.p.div.td等标签.但是,不可以作用域
类型的标签. conte ...

前端进阶系列(三):HTML5新特性

HTML5 是对 HTML 标准的第五次修订.其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5 的语法是向后兼容的.现在国内普遍说的 H5 是包 ...

转: HTML5新特性之Mutation Observer

转: HTML5新特性之Mutation Observer Mutation Observer是什么 Mutation Observer(变动观察器)是监视DOM变动的接口.当DOM对象树发生任何变动 ...

随机推荐

KV存储系统

现在的KV存储系统都是分布式的,首先介绍Zookeeper——针对大型分布式系统的高可靠的协调系统. 开发分布式系统是件很困难的事情,其中的困难主要体现在分布式系统的“部分失败”.“部分失败”是指信息 ...

CCNET+MSBuild+SVN实现每日构建

最近开始将源代码迁移到SVN,于是便考虑到如何从SVN定期获取源码,自动编译并部署以减轻工作量并提高工作效率.通过多方搜集资料并进行研究,基本实现了这个功能.对于每日构建的概念就不具体展开了,可以在各 ...

PHP 7.1 新特性一览

可空类型主要用于参数类型声明和函数返回值声明.主要的两种形式如下:<?phpfunction answer(): ?int  {   return null; //ok}function ans ...

IE6 png兼容问题

1.IE6 png

html5加js兼容性辅助,解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js,以及excanvas.js解决低版本IE不支持canvas的问题...相关推荐

  1. Android Q(10.0)版本新特性和兼容性适配

    北京时间2019年3月14日Google正式对外发布Android Q Beta 1及预览版SDK,这意味着安卓开发者们又即将迎来一年一度的新版本适配工作了.Android Q 为开发者们带来了许多新 ...

  2. Spring Data ElasticSearch 3.2版本发布,相关新特性说明

    由于ElasticSearch更新的速度非常的快,那么就造成了一些常见的Java交互API更新速度无法匹配最新的版本等情况,比如Spring Data ElasticSearch.对于习惯了使用其他类 ...

  3. Spring版本特性--->Spring各个版本引入了哪些新特性?-1

    Spring各个版本引入了那些新特性 Spring版本支持与依赖 Spring Framework版本 Java 标准版 Java 企业版 1.x 1.3+ J2EE 1.3+ 2.x 1.4.2+ ...

  4. 解决低版本IE关于html5新特性的兼容性问题html5shiv.js和Respond.js,以及excanvas.js解决低版本IE不支持canvas的问题...

    插件:html5shiv.js 让IE9以下版本支持html5新标签,git地址https://github.com/aFarkas/html5shiv 用于解决IE9以下版本浏览器对HTML5新增标 ...

  5. Android Q(10.0 API29)版本新特性和兼容性适配

    摘要 1.本文档基于谷歌AndroidQ官方文档和一加Q版本应用兼容性整改指导 2.本文档主要对影响比较大的部分进行简单总结,内容并不全面: 3.版本号对应关系: Android-Q = Androi ...

  6. Spring版本特性:Spring各个版本引入了哪些新特性?

    Spring是Rod Johnson在2004年推出的一个轻量级框架.对Java EE 系统框架臃肿.低效.脱离现实的种种现状提出了质疑,并积极寻求探索革新之道. spring 1.x时代 在这个时代 ...

  7. html5 跳转参数不显示_HTML5、CSS3、ES6新特性总结

    前言:HTML5.CSS3.ES6新特性,可以说是基础前端的面试的必考题了,以下是关于新特性的基本总结. HTML5: 语义化的区块和段落元素:<section>,<article& ...

  8. linux内核网络新特性,Linux内核4.4版本带来的网络新特性

    本文题目有点大,但其实我只想描述一些我个人一直比较关注的特性,并且不会太详细,跟往常一样,主要是帮忙理清思路的,不会分析源码.这主要是为了哪一天突然忘了的时候,一目十行扫一眼就能记忆当时的理解,不然写 ...

  9. Android Q(10.0)版本新特性以及兼容性适配

    北京时间2019年3月14日Google正式对外发布Android Q Beta 1及预览版SDK,这意味着安卓开发者们又即将迎来一年一度的新版本适配工作了.Android Q 为开发者们带来了许多新 ...

最新文章

  1. 【干货】强化学习介绍
  2. kafka-0.10.2.1:Producer生产时无法自动创建Topic
  3. mybatis框架--学习笔记(下)
  4. 干货 | 深度学习名词表:57个专业术语加相关资料解析(附论文)
  5. spring 事件模型_Spring–设计领域模型和服务层
  6. 前端UI框架《Angulr》入门
  7. memcpy函数_[PART][BUG][MSVCRT][C][CCF NOI1097] 关于memcpy的坑
  8. 张量(tensor)
  9. MySQL数据库操作指令
  10. Linux下搭建iSCSI共享存储
  11. spring mvc入门案例
  12. Linux下screen的简单介绍
  13. WORD文档中的宏代码操作(表格批量操作))
  14. Unity实现遮挡人物的障碍物体设为透明,并在不遮挡时恢复的个人解决方法
  15. 从《Java核心编程》纵览Java全貌
  16. 张小龙演讲PPT: APP产品经理必须要懂的30条原则
  17. progisp编程下载器:芯片识别字不匹配 不能完成芯片擦除
  18. Katalon自动化测试基础教程(一)
  19. mysql跨库oracle查询_ORACLE跨数据库查询的方法
  20. 加油站涉税数据管理云平台

热门文章

  1. sqlplus 便利设置
  2. apizza 的header里面带参方式可以达到postman一样的效果
  3. C语言基础知识-数据类型
  4. 使用Pyhive执行insert遇到的坑
  5. 帮助 Java 开发人员进行 Bean 映射的 8 大框架
  6. Oracle数据库卸载安装
  7. 【财务危机】--2018.6债务
  8. 微软在日本尝试了每周4天工作制,生产力跃升了40%
  9. 公募基金和私募基金区别
  10. 2021春招BAT面试真题详解,java数据字典开发实例