`

HTML5 兼容IE浏览器

 
阅读更多
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!--[if IE]>
<script type="text/javascript">
(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();
</script>
<![endif]-->
</head>
<style type="text/css">
header,nav,aside,article,footer{ display:block;}
</style>
<body>
<header>
	<p class="f_r"><a>手机访问</a>|<a>网站地图</a>|<a>来院路线</a>|<a>收藏本站</a></p>
</header>
<nav>
	<ul>
    	<li>导航一</li>
        <li>导航二</li>
        <li>导航三</li>
    </ul>
</nav>
<article>内容</article>
<aside>
	栅栏
</aside>
<footer>
	<p>备案信息</p>
</footer>
</body>
</html>

 

其中的代码如下,通过JS创建HTML5标签

<!--[if IE]>
<script type="text/javascript">
(function(){if(!/*@cc_on!@*/0)return;var e ="abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();
</script>
<![endif]-->

 

其中的代码如下,这些标签本身就是块级标签,所以把这些标签转成块级标签

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

 

效果图:

 

 

  • 大小: 32.6 KB
2
1
分享到:
评论

相关推荐

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

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

    pdfjs预览插件,兼容IE浏览器

    对于标题提到的"pdfjs预览插件,兼容IE浏览器",这意味着我们讨论的是如何在Internet Explorer(IE)这种已经较为老旧且对现代Web标准支持不足的浏览器上,利用PDF.js实现PDF文档的预览功能。 PDF.js的核心在于其跨...

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

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

    预览pdf浏览器插件,兼容ie浏览器

    4. **跨浏览器兼容性**:PDF.js特别强调对IE浏览器的兼容,这是因为IE在某些版本中并不支持现代Web技术,如HTML5的Canvas。PDF.js通过使用polyfills(一种模拟缺失功能的代码)和其他技术,确保在旧版IE中也能正常...

    IE浏览器兼容video解决办法

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

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

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

    解决IE浏览器兼容问题

    本篇文章将深入探讨如何解决IE浏览器,特别是IE8、IE9和IE11的兼容问题,帮助开发者构建更广泛的跨浏览器兼容性。 **一、理解IE浏览器的版本差异** 1. **DOCTYPE声明**:IE浏览器在不同的文档模式下解析页面的方式...

    让IE兼容 HTML5的canvas标签

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

    html2image网页转图片并下载,兼容ie

    总之,HTML2image是一个实用的工具,通过它我们可以将网页内容以图片的形式保存,特别是在需要兼容IE浏览器的场景下。理解和掌握其工作原理、兼容性问题及实现步骤,对于提升Web应用的功能性和用户体验具有重要意义...

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

    本示例“谷歌浏览器js打开IE浏览器.rar”提供了一个解决方案,它允许用户在谷歌浏览器(Chrome)中通过JavaScript代码启动IE浏览器。这主要适用于那些需要在现代浏览器环境下触发旧版IE兼容模式的场景。 JavaScript...

    IE浏览器语音播报例子

    5. **"2-1.html"文件分析**:在这个例子中,"2-1.html"很可能包含了实现IE浏览器语音播报的代码。可能的实现方式是,当用户触发某个事件(如点击按钮)时,JavaScript会获取页面上的文本,通过Ajax请求发送到TTS服务...

    IE浏览器源码

    1. **IE内核(Trident)**:Trident是IE浏览器的核心,它负责解析HTML、CSS,布局页面,以及执行脚本。理解Trident的工作机制有助于开发者创建兼容IE的网页或浏览器。 2. **.NET框架**:这是微软开发的一个平台,提供...

    IE与非IE浏览器调用PC摄像头拍摄并且上传

    总结,调用PC摄像头拍摄并上传在IE和其他非IE浏览器上涉及WebRTC API、Flash/ActiveX插件、HTML5特性以及跨浏览器兼容性处理。开发者需要根据目标用户的浏览器分布和安全需求选择合适的方法,并确保上传过程的稳定性...

    IE浏览器插件

    标题 "IE浏览器插件" 指的是专为Internet ...综上所述,"IE浏览器插件"在Eclipse中的应用是Web开发流程中的一个重要环节,它简化了开发者的操作,提升了工作效率,但同时也需要注意安全问题和现代浏览器的兼容性。

    IE浏览器兼容

    以下是一些关于解决IE浏览器兼容问题的关键知识点: 1. **DOCTYPE声明**:在HTML文档开头添加正确的DOCTYPE声明可以确保浏览器以标准模式渲染页面,避免Quirks Mode带来的兼容性问题。例如,使用`&lt;!DOCTYPE html&gt;`...

    vue 使用 html2canvas 截屏并下载图片至本地(重点兼容ie浏览器)

    本文将详细介绍如何在Vue项目中使用HTML2canvas实现截屏并下载图片,同时解决IE浏览器的兼容性问题。 首先,你需要确保已经安装了HTML2canvas。在Node.js环境中,你可以通过npm来安装: ```bash npm install ...

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

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

    IeTester--可设置各个IE浏览器的各个版本,对于开发人员进行Ie浏览器版本兼容性测试时非常有帮助

    **IeTester:全方位的IE浏览器兼容性测试工具** 在互联网应用开发中,尤其是在企业级应用的构建过程中,浏览器兼容性是一项重要的考虑因素。IE(Internet Explorer)浏览器因其历史地位和部分用户群体的存在,尽管...

Global site tag (gtag.js) - Google Analytics