解决IE11兼容HTML5 设置

最新推荐文章于 2024-09-07 20:39:37 发布
最新推荐文章于 2024-09-07 20:39:37 发布
阅读量3.3w 收藏 8
点赞数 2
文章标签： 对象 html5 前端 ie 11 web

最近做一个Web html5网站，在chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器等浏览器下均没有问题，而在IE8及IE11下发现样式无法显示，然后各种百度啊，最后在 雅朋网 的一个网友帖子的帮助下解决了问题，现在将解决方法总结如下：

首先需要确保你的HTML页面开始部分要有DOCTYPE声明。DOCTYPE告诉浏览器使用什么样的HTML或XHTML规范来解析HTML文档，具体会影响：

对标记attributes 、properties的约束规则
对浏览器的渲染模式产生影响，不同的渲染模式会影响到浏览器对于CSS代码甚至JavaScript脚本的解析
DOCTYPE是非常关键的，目前的最佳实践就是在HTML文档的首行键入：
<!DOCTYPE html>

1.针对浏览器的内容做标识（使用meta标签调节浏览器的渲染方式）
为了让IE浏览器运行最新的渲染模式，将添加以下标签在页面中

1
< meta  http-equiv = "X-UA-Compatible"  content = "IE=edge,Chrome=1"  />

IE=edge表示强制使用IE最新内核，chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame（可以让用户的浏览器外观依然是IE的菜单和界面，但用户在浏览网页时，实际上使用的是Chrome浏览器内核），那么就用Chrome内核来渲染。

2.IE8不支持HTML5的几个属性
IE8不完全支持box-sizing:border-box与min-width, max-width, min-height或max-height的一起使用.

3.JS与CSS的引入顺序导致的问题
必须先引用css在引用js

1
2
< link  rel = "stylesheet"  type = "text/css"  href = "programmer.css"  media = "screen" />
< script  type = "text/javascript"  src = "js/programmer.js" ></ script >

4.DOCTYPE前后有空行
<!DOCTYPE html>
这里有空格也不行，要去掉空格
<html>

以上IE11,chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器测试通过.

一条熟鱼
关注
IE支持HTML5的解决方法
12-13
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使用和下载 　　html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。) 　　作者已经把js文件放在Google code project上并允许大家直接调用，当然，前提是你不在意调用额外的文件。 http://html5shiv.googlecode.com/svn/trunk/html5.
IE支持html5.js
07-30
让IE支持HTML5 资源地址：https://github.com/aFarkas/html5shiv
IE11离线安装包：轻松升级你的浏览器体验
最新发布
gitblog_09763的博客
09-07 475
IE11离线安装包：轻松升级你的浏览器体验 项目地址:https://gitcode.com/open-source-toolkit/9d920 项目介绍 在当今互联网高速发展的时代，浏览器作为我们访问网络世界的窗口，其性能和安全性显得尤为重要。然而，对于仍在使用IE8等老旧浏览器的用户来说，升级到更现代的浏览器版本可能是一个挑战，尤其是在网络环境受限的情况下。为了解决这一问题，我们推出了IE11...
ie10和ie11支持html5吗,IE10 CSS Hack（顺便聊聊IE11的CSS Hack）
weixin_30062415的博客
06-21 350
有IE就有hack，看看IE9的css hack，IE8的css hack；上次同事说一个页面IE10下有问题，IE9下测试了一下，也有同样的问题。悲剧了赶紧找IE10的hack。google上翻到的IE10 CSS Hacks?还算比较实用的。记录一下以备后用。一、特性检测：@cc_on我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的...
让IE支持HTML5
MrFano的博客
06-21 5056
Htmlshiv.js 和 responds.min.js HTML5越来越成为主流，被广大搜索引擎所使用，但IE对HTML5的支持却常被人唾弃。 解决方案有两种： 1.为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示不同的页面，比如优酷网就是采用的这种模式。（缺点：工程量大） 2.使用javascript来使不支持HTML5的浏览器支持html标签。是大部分...
ie11 html5播放器卡,GitHub - yangyin/html5-player: 基于react的h5播放器
weixin_39658019的博客
06-10 654
Html5 Player 本视频播放器使用了 react、redux、redux-saga 实现了支持原生 H5 Video 的所有格式，同时添加了对 HLS 和 FLV 的支持。为了减轻打包 js 文件，兼容了 preact 替换 react。不使用 react 的项目一样可以使用 html5-player，不过打包后的代码包含了 react 相关代码，如果使用 jsx 语法，那么用法大部分...
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
11-22
总的来说，HTML5 Shiv是HTML5与旧版IE浏览器兼容的关键工具，它允许开发者充分利用HTML5的新特性，同时确保在旧版IE中的正常显示。通过合理的JavaScript和CSS处理，开发者可以创建出既语义化又能在各种浏览器中良好...
html5.js IE兼容HTML5
11-04
(解决IE浏览器支持html5文件)是一款能够有效解决ie低版本无法支持html5 使用javascript来使不支持HTML5的浏览器支持html标签。是大部分网站采用的方式。在head头部添加html5shiv.js代码即可
ie11ScrollTo_html5_DEMO_
10-01
"ie11ScrollTo_html5_DEMO_"这个项目似乎专注于解决在Internet Explorer 11（简称IE11）浏览器中遇到的一个特定问题，即IE11不支持`scrollTo()`方法。 `scrollTo()`函数是HTML5中的一个新特性，用于平滑地滚动页面...
几个解决兼容IE6\7\8不支持html5标签的几个方法
09-28
随着HTML5的广泛应用，其语义化标签如、、、、等为网页结构化提供了更为直观和合适的元素，但同时也带来了浏览器兼容性问题，尤其是老旧版本的IE浏览器（IE6、IE7、IE8）并不支持这些新的HTML5标签。这给前端开发...
IE支持html5.
04-02
html5.js文件，在head部分引用该文件，使各种浏览器支持html5。
让所有IE支持HTML5的解决方案
03-20
NULL 博文链接：https://axl234.iteye.com/blog/879833
使不支持ie的标签支持ie——html5.js
03-16
使不支持ie的标签支持ie，使不支持ie的标签支持ie，使不支持ie的标签支持ie
ie11对html5支持度,html5最新浏览器支持程度比较
weixin_42362885的博客
06-23 737
简易测试如图:360极速浏览器测试的(内核是chromium 42) – 极速模式; 我稍微看了下不支持的特性…都是比较少用到的特性…. 所以总体来说,在H5和CSS3下的体验是相当良好的而我本地的chrome 43 的分数才521 . 还少了两分,可能优化还没做好….最新的44版本,526,在所有浏览器中,对HTML5支持是最为完善的;IE11和edge(WIN 10下的),我测试了下,,对HT...
解决IE兼容H5的问题
JayJayo的博客
12-11 1190
转：https://blog.csdn.net/weixin_38055381/article/details/82781308  Html5提供的一些新多媒体标签（header,article,aside,section,nav,figure,menu,footer）使用起来非常的方便，但是低版本的IE浏览器（IE6/IE7/IE8）对的这些新标签根本识别不了，解决这些问题要了解是浏览器无法识...
ie11用不了html5,HTML5拖放不能在IE11上运行
weixin_34625578的博客
06-20 332
应用HTML5原生拖放功能，drop不适用于IE，与chrome和firefox配合使用。拖动似乎正在起作用，但对IE不感兴趣。另一个小问题 - 在IE中，我的可拖动元素周围有一个半透明的方块，但它的背景是透明的(图像是这样完成的)，在chrome / firefox上我没有那个方块，图像看起来没有任何拖动时的背景。这是下降区域：这是可拖动的元素：function drag_start(e){e....
ie11怎样调试html,IE7/IE8/IE9/IE11 CSS hack 写法
weixin_30125497的博客
06-04 426
IE7、IE8、IE9、IE11虽然同属IE家族，但他们在网页渲染时，对css属性的识别却不尽相同，因此，我们会发现网页在IE9浏览好好的，却在IE11上浏览时出现错乱的问题。作为一名合格的网页设计者，应该考虑到各浏览器兼容的问题，因此，浏览器兼容性调试的工作是不能不做的。本文将举例介绍IE家族IE7、IE8、IE9、IE11的css hack的问题，了解它们之间的差异，从而能够写出兼容性良好的c...
让 IE 支持HTML5
Wsk1234567的博客
08-06 488
①使用HTML5 shiv脚本来解决这个问题，将下边代码复制到head部分就OK了。 <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> 当然引用本地文件也可以 ②也可以把代码拿出来自己看着搞搞： (function(){ if(!/*@cc_on!@*/0) return;
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值