html5shiv:用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。

由于IE6/IE7/IE8还有很大一部分用户,为了让网站浏览者都能正常的访问HTML5网站,解决方案就有下面两个:

1. 为网站创建多套模板,通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面,这样的维护成本比较高,也失去响应式设计的意义。

2. 使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前大多网站采用的这种方式(Bootcss官方例子也是如此)。

原理:利用脚本document.createElement(“”)创建对应的脚本,CSS选择器便可正确应用到该标签。使用:考虑到IE9是支持html5的,所以直接在HTML页面的head标签中添加脚本引用即可:

<!--[if lt IE 9]><script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script><![endif]—>

<!--[if lt IE 9]>

<scriptsrc="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

<![endif]—>

官方地址:http://code.google.com/p/html5shiv/GitHub项目地址:https://github.com/aFarkas/html5shiv

html5shiv.min.js 有什么作用呢?相关推荐

  1. html5shiv.js和respond.min.js的作用

    html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览 ...

  2. html5shiv.js和respond.min.js

    做页面常用的东西,写这里用的时候省点去找了... html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. respond.min:让不支持css3 Medi ...

  3. BootStrap使用方法为BootStrap3添加jquery.min.js文件(简单易懂)_☆往事随風☆的博客

    为BootStrap3添加jquery.min.js文件 一.前言 二.BootStrap简介 三.BootStrap3的使用方法 (1)先去官网找到BootStrap3这个版本的文档. (2)配置B ...

  4. jquery.js和jquery-1.4.2.min.js的区别

      min 的意思大家应该都知道,是小的意思,也就是说这个js文件很小的意思.   比如:jquery.js 和 jquery-1.4.2.min.js 这两个文件里面的功能方法都是一样的,区别在于文 ...

  5. html5shiv.js css3,Modernizr, html5shiv, ie7.js, and CSS3 Pie. Which to use and when?

    问题 I'm just starting to use HTML5 and CSS3 in my documents. I understand the need for JavaScript to ...

  6. jquery.validate.min.js 插件

    1.导入js库: 注意:(在这里我导入的单单是jquery.validate.min.js,没有导入jq的其它,不要忘记哦) <script src="http://static.ru ...

  7. jquery-1.11.3.js与jquery-1.11.3.min.js区别

    2019独角兽企业重金招聘Python工程师标准>>> 唯一的区别就是在: Download the compressed, production jQuery 1.11.3,Pro ...

  8. jquery.dataTables.min.js: Uncaught TypeError: Cannot read property 'style' of undefined

    Jquery DataTable使用报这个错: jquery.dataTables.min.js: Uncaught TypeError: Cannot read property 'style' o ...

  9. js post中服务器500错误信息,node.js - Node Express Post 500(内部服务器错误)jquery-3.4.1.min.js - 堆栈内存溢出...

    我一直在研究 node js/express js 应用程序有一段时间了. 我有从 jquery $ajax 调用中获取和发布的工作. 出于某种原因,我有一个帖子"loginUser&quo ...

  10. jquery-1.4.4.min.js无法解析json中result.data问题

    如下图该版本无法解析json数据 解决方法引用jquer.min.js,并且将$修改为jQuery 转载于:https://www.cnblogs.com/xiaz/p/10228994.html

最新文章

  1. seaborn使用boxplot函数可视化箱图并基于分组均值或者中位数进行箱图降序(descending)排序(Sort Boxplots in Descending Order)
  2. 内嵌iframe_内嵌页面session超时,内嵌页面显示登录界面问题解决方案
  3. hbase集群之间数据迁移_hbase数据迁移到另一集群上
  4. Oracle入门(五B)之desc命令
  5. ELF格式解析库之基本数据类型
  6. python拿什么做可视化界面好_5大Python可视化库到底选哪个好?一篇文章搞定从选库到教学...
  7. 导出csv文件时,处理分隔符问题(转)
  8. Python爬虫之(七)数据提取-正则表达式
  9. linux文件监控和同步,(转)Linux下经过rsync与inotify(异步文件系统事件监控机制)实现文件实时同步...
  10. VB6.0 组织json对象并生成json字符串
  11. Ant Design介绍
  12. Python中列表的常用方法总结
  13. 手把手教你做短视频去水印微信小程序(6-广告代码)
  14. android网络请求忽略证书,android,_Okhttp3 忽略证书问题,android - phpStudy
  15. drupal 7宝典_为Drupal 7建立新主题
  16. ocr初始化失败怎么办_应用程序正常初始化失败
  17. 基本粒子群算法matlab 程序
  18. Keil5 平台 S3C2440裸机程序开发环境配置
  19. 输入一个小写字母变成下一个小写字母(z变a)
  20. Retrofit 2简单使用教程

热门文章

  1. 地砖中间高四边低_客厅棚顶有黑镜在风水里讲怎么样 装修中橱柜里的白色色块用哪个做,怎么施工...
  2. Fedora 9 Samba 配置
  3. 不存在有效_文水2单位存在安全隐患!
  4. 关于kafka中ISR、AR、HW、LEO、LSO、LW的含义详解
  5. 125、什么是核心交换机的链路聚合、冗余、堆叠、热备份
  6. SEO死链查询工具对网站的三大好处
  7. linux下用c语言写吃金豆,吃金豆pacmanTC版
  8. 小白文件管理器共享服务器,在WIN7下使用小白文件管理器局域网功能(SMB)的教程...
  9. 【软技能】完全写作指南--PPT演讲
  10. JavaScript 怎样写注释