- 浏览: 155953 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (137)
- JavaScript (23)
- get post (0)
- SSH (4)
- Hibernate (1)
- cmd (2)
- 火狐 IE (1)
- 中英文环境模板下载 (1)
- 日期 (0)
- 其他总结 (5)
- 正则校验 (3)
- Sql Server (0)
- FreeMarker (1)
- 继承 (1)
- SQL (2)
- ORACLE -- SQL Server -- Access 常见Sql语句的区别 (1)
- ORACLE -- SQL Server -- Access 常见Sql语句的区别 (0)
- 解决int和Integer不能互转 (0)
- 原子类 (1)
- Final,finally,finalize的区别 (1)
- Web前端 (12)
- Reader InputStream (1)
- 线程 (1)
- JDBC (1)
- AJAX (3)
- Linux (2)
- 素数 (1)
- 接口-----继承 (1)
- 数据库查询性能优化 (1)
- Spring MVC3 深入了解 (1)
- JS (18)
- log4j简介 (1)
- Java序列化的机制和原理 (0)
- allowTransparency属性 (1)
- 测试类 (1)
- CSS (14)
- JQuery (10)
- 多线程 (1)
- 数据库 (2)
- Spring 注解 (1)
- JSTL标签库 (1)
- HTML (8)
- 界面设计 (4)
- 测试 (4)
- 职业生涯 (1)
- 数据可视化 (1)
- UI设计 (3)
- eclipse怎样生成javadoc (2)
- redis memcache 比较 (1)
- Windows 8系统IE10无法安装Flash Player插件的解决办法 (1)
- IE7 问题 (1)
- 常用JS验证 (1)
- Hadoop,MapReduce学习步骤 (1)
- 开始-运行-命令大全 (1)
- jQuery与ExtJS优缺点比较 (1)
- Oracle (1)
- 文档转换 (1)
- Maven与Ant比较 (1)
最新评论
-
谁说我不是会员:
很给力的文章,通俗易懂
Get请求和Post请求的区别 -
Spirit_eye:
请问一个图片按钮怎么置灰
按钮置灰跟按钮不显示
html5 在IE6/IE7/IE8中使用html5标签
html5出来后多了很多标签,但是IE6/IE7/IE8并不支持html5,这让我们开发html5网站的很郁闷。现在就介绍下如何在IE6/IE7/IE8中使用html5标签。
原理就是在css中,将新标签的样式变成块状元素,然后在script中创建新标签。直接放出代码,如果您是IE6/IE7/IE8用户,可运行代码试试:
在IE6/IE7/IE8下,header和nav不被识别,所以“宅到底”和“菜单1”会在同一行输出。加上以上方法后,header和nav会被当成是div,所以会分两行输出。
html5出来后多了很多标签,但是IE6/IE7/IE8并不支持html5,这让我们开发html5网站的很郁闷。现在就介绍下如何在IE6/IE7/IE8中使用html5标签。
原理就是在css中,将新标签的样式变成块状元素,然后在script中创建新标签。直接放出代码,如果您是IE6/IE7/IE8用户,可运行代码试试:
<!doctype html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>在IE6/IE7/IE8中使用html5标签</title> <!--试试去掉以下方法,运行代码看看--> <!--方法一--> <!-- <!–[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]–> --> <!--方法二--> <style type="text/css"> article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block;} </style> <script> (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(', '); var i= e.length; while (i--){ document.createElement(e[i]); } })() </script> </head> <body> <header>宅到底</header> <nav>菜单1</nav> <div>菜单2</div> </body>
在IE6/IE7/IE8下,header和nav不被识别,所以“宅到底”和“菜单1”会在同一行输出。加上以上方法后,header和nav会被当成是div,所以会分两行输出。
发表评论
-
web前端页面性能优化小结
2014-04-25 10:21 643web前端页面性能优化小 ... -
jQuery与ExtJS优缺点比较
2014-03-18 11:36 2040jQuery与ExtJS优缺点比较 jQuery 主页:h ... -
LABjs、RequireJS、SeaJS 哪个最好用?为什么?
2014-03-14 11:15 596LABjs、RequireJS、SeaJS 哪 ... -
offsetHeight, clientHeight与scrollHeight的区别
2014-01-22 14:24 668offsetHeight, clientHeight与scro ... -
表单提交后不刷新当前页面
2014-01-17 15:28 1264<form name='form1' id='for ... -
input失去焦点和获得焦点jquery焦点事件
2014-01-17 14:47 997input失去焦点和获得焦点jquery焦点事件 input ... -
让IE浏览器支持HTML5标准的方法
2014-01-10 15:24 554让IE浏览器支持HTML5标准 ... -
jquery设置元素的readonly和disabled
2013-12-25 10:29 499jquery设置元素的readonly和disabled ... -
JS数据类型转换
2013-12-06 09:55 709JS数据类型转换 JS数据类型转换方法主要有三种:转换函数、 ... -
window.onload
2013-11-27 16:50 600window.onload 简单地讲 ... -
JS:window.onload的使用
2013-11-27 16:30 616JS:window.onload的使用 1、最简单的调用 ... -
$(document).ready() 与 JavaScript中的window.onload
2013-11-27 15:07 595Jquery中$(document).ready()的 ... -
小编辑 HTML5 的 placeholder属性
2013-11-20 16:52 509HTML5 的 PLACEHOLDER 属性\ HTML5 ... -
JSON 数据格式
2013-11-14 10:37 432JSON 数据格式 JSON(JavaScript Obje ... -
js 中 map 转换 json 格式
2013-11-01 14:13 19895js 中 map 转换 json 格式 function ... -
JS获取当前页面的URL信息
2013-10-31 17:30 580JS获取当前页面的URL信 ... -
李炎恢--JS视频
2013-05-21 15:40 800李炎恢--JS视频 http://wenku.baidu.co ... -
SeaJS-----GitHub Issues
2013-05-20 16:17 756SeaJS 是直接通过 GitHub Issues 来管理, ... -
CMD 模块定义规范
2013-05-15 10:45 336CMD 模块定义规范 https://github.co ... -
Javascript模块化编程(三):require.js的用法
2013-05-15 10:44 536Javascript模块化编程(三):require.js的 ...
相关推荐
8. **避免使用不兼容的特性**: 对于某些IE不支持的特性,如canvas、svg或Web Workers,可以寻找替代方案,如使用Flash或图片代替canvas,或者仅在现代浏览器中使用这些特性。 9. **更新或引导用户升级浏览器**: ...
IE7、7、8想必大家都知道了,对Html5支持是有很大的问题的...--让IE(IE6/7/8)支持Html5标签--> <!–[if lt IE9]> <script src="Content/Js/Html5/html5shiv.js"></script> <![endif]–> 将此段代码放入之间即可。
然而,早期的Internet Explorer浏览器,尤其是IE6、IE7和IE8,并不原生支持HTML5的所有特性。这些老版本的IE浏览器的市场份额曾经相当大,因此,确保在这些浏览器上实现HTML5兼容性对于开发者来说至关重要。 要实现...
在互联网技术日新月异的今天,老旧的浏览器如IE6、IE7和IE8仍然在某些场景下被使用,这就需要开发者面对一个挑战:如何确保网页功能在这些老版本的Internet Explorer上正常运行。本篇文章将深入探讨一个关键问题——...
【CSS Hack】在Web开发中,CSS Hack是一种特殊的技术,用于解决不同浏览器对CSS解析的差异,特别是针对老版本的Internet Explorer(IE6、IE7和IE8)的兼容性问题。这些浏览器在解析CSS时存在诸多不一致,导致设计师...
这些特性在现代浏览器中得到了广泛支持,但在IE7和IE8中却存在诸多不兼容的问题,尤其是新的HTML元素,如、、、、等。 二、解决IE7、IE8兼容H5标签的方法 1. 使用polyfill库:Polyfill是一种JavaScript代码,可以...
标题 "教你一招让你的IE 6/7/8/9/x都支持HTML5" 描述了一种方法,旨在使旧版本的 Internet Explorer(IE 6、7、8、9 和 x)能够支持现代的 HTML5 标准。在那个时期,IE 浏览器对新标准的支持相对滞后,这给开发者...
HTML5的canvas标签是Web开发中的一个重要组成部分,它允许开发者在网页上绘制图形,实现动态图像和交互式视觉效果。然而,由于历史原因,早期版本的Internet Explorer(IE6到IE9)并不支持HTML5的新特性,包括canvas...
它通过JavaScript模拟了这些新元素的CSS样式渲染,使得开发者可以在IE6中使用如, , 等新标签。 2. **Modernizr**: Modernizr是一个JavaScript库,用于检测浏览器对HTML5和CSS3特性的支持情况。它可以让你知道哪些...
由于不同版本的Internet Explorer(IE6、IE7、IE8、IE9、IE10)对Web标准的支持程度不一,这导致在这些浏览器中运行同一段代码可能会出现差异。幸运的是,有一些技术手段可以帮助我们解决这些问题。 首先,一个关键...
本文将重点讨论IE6、IE7以及IE8之间的区别,特别是它们在HTML页面中的表现差异。 #### 一、概述 IE6、IE7和IE8是微软公司推出的三款不同版本的浏览器。IE6发布于2001年,IE7发布于2006年,而IE8则是在2009年发布的...
当在页面中引入html5.js,即使在IE6-IE8,也能让这些新标签具备基本的样式和功能。 在实际应用中,除了使用html5.js,还可以结合其他技术来增强兼容性,例如使用Modernizr库来检测浏览器对HTML5特性的支持,根据...
HTML5 Shiv是为了解决一个特定的历史问题而诞生的,那就是早期版本的Internet Explorer(主要是IE6、IE7和IE8)对HTML5新增的语义化标签不支持。这些新标签,如、、、、、和等,是为了使网页结构更加清晰,提升...
通过以上介绍的方法,我们可以有效地解决IE6/IE7/IE8中的样式不兼容问题,提高网页的跨浏览器兼容性。需要注意的是,在实际开发过程中,还需要根据具体的项目需求和目标用户群体来决定是否需要兼容这些老旧的浏览器...
在“语义化标签兼容IE8以上文件”中,我们主要关注的是如何在不支持HTML5新标签的老版本IE(尤其是IE8及以上)中实现这些标签的功能。 `myIE8up.js`这个JavaScript文件很可能是用于在旧版IE浏览器中模拟HTML5语义化...
IE8并不原生支持HTML5的`<video>`标签,因此`html5media`库通过提供一个补丁,使得开发者能够在这些浏览器中实现视频播放功能。 在描述中提到,这个文件是从Google站点下载的,这表明它可能是一个开源项目或者社区...
在开发Web应用时,我们经常会遇到一个问题:如何确保在IE8及以下版本的浏览器中实现对HTML5新标签和CSS3高级选择器的良好兼容性。这些老版本的Internet Explorer(尤其是IE8)并不原生支持许多HTML5特性及CSS3的新...
为了在这些老版本的浏览器中实现视频播放功能,我们可以借助一些兼容性插件,例如在给定的资源中提到的"能够兼容IE8以下浏览器的H5 Video标签播放插件"。 标题中的关键点在于这个插件能够使得`<video>`标签在不支持...
总之,虽然使IE支持HTML5可能需要一些额外的工作,但通过以上方法,开发者可以确保HTML5网站在IE中也有良好的表现。随着浏览器技术的不断进步,这种兼容性问题将会越来越少。不过,作为开发者,了解并掌握这些技巧...
它通过模拟这些元素的行为,使开发者能够在IE8等浏览器中使用HTML5视频而无需额外的Flash或其他技术。 要将`video.js`与`html5media`结合使用,首先需要在页面中引入这两个库的JavaScript文件。通常,`video.js`的...