HTML Shiv.js 和 Respond.min.js: H5 技术的详细介绍

于 2023-09-23 15:19:05 发布
阅读量191 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： html javascript 前端 H5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PmtxPhp/article/details/133207396
H5 专栏收录该内容
103 篇文章 ¥59.90 ¥99.00
订阅专栏
本文介绍了HTML5中的两个关键兼容性技术：HTML Shiv.js和Respond.min.js。HTML Shiv.js确保旧版浏览器识别并渲染HTML5新元素，而Respond.min.js则处理CSS3媒体查询的兼容性问题。通过示例代码，阐述了这两个库的使用方法，帮助开发者在旧版浏览器中充分利用HTML5和CSS3。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML Shiv.js 和 Respond.min.js 是两个常用的 H5 技术，用于解决在旧版浏览器中对 HTML5 元素和 CSS3 媒体查询的兼容性问题。在本文中，我们将详细介绍这两个技术，并提供相应的源代码示例。

  1. HTML Shiv.js
    HTML Shiv.js 是一个用于解决旧版浏览器不支持 HTML5 新元素的 JavaScript 插件。在 HTML5 中，引入了许多新的语义化标签，如 <header>、<nav>、<section>、<article> 等。然而，旧版浏览器（如 IE8 及更早版本）并不识别这些标签，导致无法正确渲染页面。

HTML Shiv.js 的作用就是通过 JavaScript 在旧版浏览器中创建这些新的 HTML5 元素，使得它们能够被正确地识别和渲染。下面是一个简单的示例代码，展示了如何使用 HTML Shiv.js：

<!-- 引入 HTML Shiv.js -->
<script
了解本专栏 订阅专栏 解锁全文
JS=＞ ie9以下低版本浏览器兼容html5和css3标签
YYQingJs的博客
07-16 439
ie9以下低版本浏览器兼容html5和css3标签
HTML5是构建Web内容的一种语言描述方式，被认为是互联网的核心技术之一
BLOG域名:programb.blog.csdn.net
07-13 5310
综上所述，HTML5具有许多优点，包括更好的兼容性、更丰富的多媒体元素、更好的用户体验、更强大的交互性、更好的跨平台性和更好的安全性等。更好的跨平台性：HTML5支持跨平台部署运行，可以在不同的操作系统和浏览器上实现一致的效果。更强大的交互性：HTML5引入了新的API，如地理定位、重力感应、硬件访问等，使得开发者可以在浏览器内实现类原生应用的功能，增强了Web应用的交互性。总之，HTML5是Web开发领域的重要里程碑，它的出现极大地推动了Web技术的发展，使得Web应用更加丰富多彩、功能更加强大。
html5shiv.js下载
03-21
解决ie浏览器兼容性问题，ie使用html5+css3插件，解决ie浏览器兼容性问题，ie使用html5+css3插件
html5shiv.js分析-读源码之javascript系列
weixin_33974433的博客
11-15 361
  xiaolingzi 发表于 2012-05-31 23:42:29 首先，我们先了解一下html5shiv.js是什么。 html5shiv.js是一套实现让ie低版本等浏览器支持html5标签的解决方案。 实现原理：见如何让ie低版本浏览器支持html5标签 。 废话不多说，我们先上源代码，代码有点长，但保持原来的注释有利于大家理解，不想直接阅读的就点收缩代码然后往下看。源码...
html5shiv.js和respond.min.js
weixin_30483495的博客
09-17 254
做页面常用的东西，写这里用的时候省点去找了。。。 html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。 respond.min:让不支持css3Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。 由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要的， 下面是两个...
html5shiv.js 作用,js.html5shiv
weixin_29359001的博客
06-19 258
UpdatingThe lateset version of the library can be downloaded using the followingcommands:cd js/html5shiv/resourceswget https://github.com/aFarkas/html5shiv/raw/master/src/html5shiv.js -O html5shiv.jsw...
HTML5 shiv(IE兼容问题)
雨下着呢
04-16 415
HTML5的出现让我们前端人员为之喜悦，它具有非常强大的功能，效果体验也十分出众。但是，众所周知，HTML5对于IE6~IE8是不兼容的，所以为了使用强大的HTML5，解决其兼容问题，HTML5 shiv应运而生。下面说说它的使用事项：问题：IE浏览器6-8不能识别HTML5提出的新元素，这些新元素不能作为父节点包裹子元素，并且不能应用css样式。&lt;head&gt; &lt;meta cha...
2023前端面试
FrontEndEngineer的博客
02-08 1659
obj对象想要获取name或者say，首先判断自己的属性当中有没有，如果没有找到，那么就在__proto__属性中去找，而这个时候__proto__与Person的prototype是相等的，也就是__proto__指向Person，那么便可以找到name和say。为了处理异步，当触发事件的时候，会通过dispatch来访问action中的方法，actions中的commit会触发mutation中的方法从而修改state里的值，通过getter把数据更新到视图中。这些都是计算属性无法做到的。
BootStrap入门教程：基础语法与实战示例
<script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script> <script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"> <![endif]--> ...
respond.min.js
02-10
HTML5 Shiv--解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
weixin_30567471的博客
02-05 106
HTML5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局。大多数浏览器基本兼容html5，但目前来说ie6/ie7/ie8还不兼容html5标签，所以需要javascript处理，让其进行兼容 方法一：javascript code <!--[if lt IE9]> <script> (function() { if (!...
浏览器兼容
xie123aaa的博客
08-09 224
一、JS方面 1. html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁，目的是让 IE 识别并支持 HTML5 元素。
respond.js respond.min.js respond.src.js
06-07
让Bootstrap 3兼容IE8浏览器 所需要的一个JS respond.js respond.min.js respond.src.js
HTML5 Shiv.js：IE9以下浏览器兼容性解决方案
知识点： 1. HTML5新增标签问题 在HTML5规范中引入了一系列新的标签，例如, , , 等，...因此，建议开发者定期评估浏览器市场，并根据当前的技术环境和用户群体的需求决定是否继续使用html5shiv.js或其他兼容性策略。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值