`

ie浏览器兼容html5新标签

 
阅读更多
html5提供了强大的新标签及新属性，却只有高级浏览器兼容，那么为了ie低版本浏览器的兼容该怎么办呢？

为了确保所有新的HTML5元素能以block元素正确渲染，我们会在css中定义： 

header,footer,article,section,nav,menu,hgroup,aside{  
   display:block;  
}

但是低版本浏览器不识别这些标签，那么解决方法如下：

（一）支持IE兼容HTML5标签的方法
document.createElement('TagName'); 
<head>
<script>
function createTags() {
       var tags = ['header', 'aside', 'footer', 'nav', 'section', 'article', 'hgroup', 'time'];
        for (var i = 0; i < tags.length; i++) {
          document.createElement(tags[i]);
        }
   }
</script></head>


（二）Google Code Project现成的js

1、http://html5shiv.googlecode.com/svn/trunk/html5.js shiv的在线脚本地址
2、http://html5shim.googlecode.com/svn/trunk/html5.js shim的脚本脚本地址 
<head>
<!--[if lt IE 9]>  
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">  
<![endif]-->  
</head>


参考：http://www.camnpr.com/archives/617.html
分享到：
| html邮件链接mailto
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html5.js-ie浏览器兼容处理文件

    是一个专门为老旧的IE浏览器提供HTML5新特性兼容性的JavaScript库。由于Internet Explorer（尤其是版本8及以下）在支持HTML5标准方面存在显著不足，开发者常常需要借助这类库来确保网站在不同浏览器间的一致性表现。...

    HTML5 兼容IE浏览器

    然而，由于Internet Explorer（尤其是早期版本）对新标准的支持不足，使得在IE浏览器上实现HTML5兼容性成为一个挑战。这篇博客将探讨如何确保HTML5页面在IE浏览器上正常工作。 首先，了解IE浏览器对HTML5的支持情况...

    让IE兼容 HTML5的canvas标签

    为了使这些旧版IE浏览器能够兼容HTML5的canvas标签，开发者通常会利用名为"excanvas"的JavaScript库。 Excanvas是一个由G_v2开发的开源项目，其主要目标就是为旧版IE浏览器提供canvas的支持。它通过VML（Vector ...

    IE浏览器兼容video解决办法

    最近发现，video标签在IE浏览器无法播放视频，网上查阅资料得知，可以引用html5media.js，亲测可以解决

    在线浏览PDF文件、可兼容IE浏览器

    标题中的“在线浏览PDF文件、可兼容IE浏览器”意味着我们将探讨如何在网页环境中，特别是对Internet Explorer（IE）浏览器支持的情况下，实现PDF文件的在线预览。这在现代Web开发中是一个常见需求，因为PDF文档广泛...

    IE7,IE8兼容H5标签

    一、H5新特性与IE浏览器的兼容性问题 HTML5的新特性包括离线存储、拖放功能、媒体元素、Canvas绘图、SVG矢量图、Geolocation定位、WebSocket实时通信等。这些特性在现代浏览器中得到了广泛支持，但在IE7和IE8中却...

    让IE8以下兼容HTML5标签和CSS3高级选择器

    总结来说，要让IE8及以下版本的浏览器兼容HTML5新标签和CSS3高级选择器，我们需要利用HTML5Shiv、Selectivizr、CSS3 Pie等工具，并合理地在页面中引入这些库。同时，对CSS和HTML进行适当的优化和调整，以适应旧版...

    IE兼容html5的js

    `html5media`是一个JavaScript库，专门设计用来解决IE浏览器对HTML5 `&lt;audio&gt;` 和 `&lt;video&gt;` 标签的兼容性问题。这个库允许在不支持HTML5原生播放功能的IE浏览器中播放音频和视频内容。它通过JavaScript模拟这些标签...

    IE浏览器不兼容网站网页设置方法.docx

    IE浏览器不兼容网站网页设置方法 IE浏览器在浏览一些网站/网页时，出现访问错误、错乱、下载不了文件时可以进行兼容性设置。下面将详细介绍IE浏览器不兼容网站网页设置方法。 一、兼容性视图设置 在IE浏览器中，...

    语义化标签兼容IE8以上文件

    `myIE8up.js`这个JavaScript文件很可能是用于在旧版IE浏览器中模拟HTML5语义化标签行为的工具。由于IE8及以下版本只支持到HTML4.01，它们并不识别如, , , , , 等新的语义化标签。因此，开发者通常会使用JavaScript库...

    解决不同版本IE浏览器兼容问题

    ### 解决不同版本IE浏览器兼容问题 #### 一、引言 随着Web技术的发展，不同浏览器之间的兼容性问题一直是前端开发者关注的重点之一。特别是在早期，Internet Explorer（简称IE）的不同版本间存在诸多差异，给开发者...

    IE浏览器源码

    "IE浏览器源码" 这个标签明确了主题，意味着我们将深入探讨关于IE浏览器的内部工作原理，以及如何使用C#语言来实现类似的功能。 【知识点详解】 1. **IE内核(Trident)**：Trident是IE浏览器的核心，它负责解析HTML...

    谷歌浏览器js打开IE浏览器.rar

    由于IE浏览器的某些特性和标准支持与其他现代浏览器存在差异，因此在某些情况下，我们需要在Chrome中通过脚本触发IE浏览器的启动。这个压缩包"谷歌浏览器js打开IE浏览器.rar"提供了一种方法来实现这个功能。 首先，...

    HTML5 video 标签浏览器兼容问题

    在HTML5的`&lt;video&gt;`标签中，有几个关键属性需要关注以确保跨浏览器的兼容性： 1. **src**: 这个属性用于指定视频文件的URL。为了保证兼容性，通常需要提供多个来源，每个来源对应一种不同的视频格式，例如MP4（H....

    能够兼容IE8以下浏览器的H5 Video标签播放插件，测试可用

    在网页开发中，兼容性问题始终是一个挑战，尤其是在处理HTML5新特性时，如`&lt;video&gt;`标签。这个标签在现代浏览器中广泛支持，但在较旧的版本，尤其是IE8及以下，它并不被原生支持。为了在这些老版本的浏览器中实现...

    网页保存图片并下载到本地 兼容IE浏览器

    本文将详细介绍如何使用html2canvas库来实现网页抓取为图片并兼容IE浏览器的下载功能。 html2canvas是一个JavaScript库，它允许我们在浏览器环境中将HTML渲染为Canvas元素，然后进一步转换为图片格式，如JPEG、PNG...

    IE浏览器中的HTML元素查看器

    总的来说，"IE浏览器中的HTML元素查看器"是Web开发者必备的工具之一，尤其在处理与IE兼容性相关问题时，它的价值尤为凸显。通过它，开发者可以更深入地理解HTML、CSS和JavaScript之间的关系，从而更好地构建和维护...

    IE浏览器和火狐浏览器兼容问题有部分js

    标题和描述均提到了“IE浏览器和火狐浏览器兼容问题有部分js”，这指向了在Web开发中一个常见的挑战——确保网页在不同浏览器上的表现一致。浏览器兼容性问题主要源于不同浏览器对Web标准（如HTML、CSS和JavaScript...

    html5.js IE兼容HTML5

    (解决IE浏览器支持html5文件)是一款能够有效解决ie低版本无法支持html5 使用javascript来使不支持HTML5的浏览器支持html标签。是大部分网站采用的方式。在head头部添加html5shiv.js代码即可

    ie6/7/8兼容html5

    这些老版本的IE浏览器的市场份额曾经相当大，因此，确保在这些浏览器上实现HTML5兼容性对于开发者来说至关重要。 要实现IE6/7/8对HTML5的兼容，主要依赖于JavaScript库和条件注释等技术。"html5.js" 文件很可能是一...

Magicbox
Global site tag (gtag.js) - Google Analytics