ie8及以下无法识别html5新增标签，怎么破？

最新推荐文章于 2020-07-25 10:04:49 发布
最新推荐文章于 2020-07-25 10:04:49 发布
阅读量1.1k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： HTML(5) 文章标签： ie8 h5新标签 兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u011141052/article/details/50700272
本文详细介绍了如何解决在IE8浏览器中无法识别H5新增标签的问题，通过使用JavaScript动态创建标签元素，使得浏览器能够正确识别并显示这些标签。以header标签为例，演示了在HTML文档中使用document.createElement('header')的方法来创建并插入header元素，从而解决兼容性问题。

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

Ie8及以下无法识别h5新增标签（同时定义在新标签上的css不起作用），解决方案：使用js创建新标签；让浏览器识别标签，CSS引擎知道该标签的存在，下面以header标签为例，
这里写图片描述
我们看到，在ie8中浏览器无法识别header标签，页面显示不正常
这里写图片描述

我们使用js来创建header标签，在html文档head中添加代码：document.createElement(‘header’);
这里写图片描述
我们看到，页面显示正常，header被浏览器识别
这里写图片描述

HTML结构-解决ie9以下浏览器对html5新增标签的不识别
小脆筒style的博客
11-25 243
解决ie9以下浏览器对html5新增标签的不识别 <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap</title> <meta charset="UTF-8"> <!-- 要求当前网页使用 IE 浏览器最高版本的内核来渲染 --> <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
09-03
HTML5 Shiv是为了解决一个特定的历史问题而诞生的，那就是早期版本的Internet Explorer（主要是IE6、IE7和IE8）对HTML5新增的语义化标签不支持。这些新标签，如、、、、、和等，是为了使网页结构更加清晰，提升...
IE浏览器不支持HTML5新标签，这可怎么办呢？？？
帅帅邬同学的博客
07-25 918
废话不多说，直接说解决方案 ！！！ 支持HTML5新标签： IE8/IE7/IE6支持通过document.createElement方法产生的标签 可以利用这一特性让这些浏览器支持HTML5新标签 浏览器支持新标签后，还需要添加标签默认的样式 当然也可以直接使用成熟的框架、比如html5shim html5shiv简介： html5shiv 是一个针对 IE 浏览器的 HTML5 JavaScript 补丁，目的是让 IE 识别并支持 HTML5 元素。 具体链接如下： 英文版- html5shiv
IE8-下无法识别后续以innerHTML方式添加的自定义标签
weixin_30634661的博客
02-01 237
例如要创建一个自定义标签thetag，事先已document.createElement('thetag')，但后续通过innerHTML的方式添加的该元素，IE8-是不认的。。 createElement + appendChild 则可以。其他浏览器各种方式均OK。 <script>document.createElement('thetag');</script&g...
IE8下label不能点击、样式出错
weixin_30565199的博客
09-10 188
最近又踩了一个坑。 坑的不明显，后果很严重。。。 公司上月上线了一个网站，主要功能是表单注册那块。。今天我收到消息说IE8下有问题。我去看了下表单的那部分，真的是坑啊。。。我用字体模拟的复选框，套在一个label里面，各大浏览器都好好地可以模拟成功，IE8下直接动也不动了。。。后来没办法，简单粗暴地把label改成了span（改成其他也可以。。） 点击解决了，又发现其他有个地方是插件生成的l...
老式浏览器（IE6,IE7,IE8）识别html5标签
NARUTO_LUOLUO的博客
05-04 5299
近几年HTML5风潮大起，HTML5新增的一些语义化标签，更是让前端兄贵们欢欣鼓舞。 HTML5新增的标签,,,,,,,,,...and so on.就不在此一一列举了。 但是像IE6,IE7,IE8这些又老又旧渲染效果又丑，让前端兄贵们恨得牙根痒痒的臭浏览器，由于一些乱七八糟的理由又不能对它们放弃治疗。当然它们不会认识这些新的语义标签。 送它们一个呵呵。 不就着口水干说，让我们来看看不同
IE低版本不识别H5标签的兼容处理
weixin_42442123的博客
11-28 494
直接引用一个 html5shiv.min.js 的js文件包 &lt;!--[if lt IE 9]&gt; &lt;script src="js/html5shiv.min.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; //&lt;!--[if lt IE 9]&gt;版本小于9 //&lt;!--[if lte IE 9]&gt;版本小于等于9
html5JS:用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题
05-13
html5JS 用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。 用法 <!--[if it IE 9]> [removed][removed] <![endif]-->
在IE6/7/8下识别html5标签(让老式浏览器识别html5)
09-25
标题中的核心知识点是关于如何使老式IE浏览器（如IE6、IE7和IE8）识别HTML5新添加的语义化标签。描述中提到，虽然HTML5引入了许多新的标签，但老式IE浏览器可能不支持它们。接下来，我们将详细探讨这个问题。 在...
解决IE6/7/8不支持Html5标签的方案
### 知识点：IE6/7/8对Html5的支持及html5shiv.js的使用 #### IE6/7/8对Html5的支持问题 IE6、IE7以及IE8是微软公司发布的旧版互联网浏览器，分别于2001年、2006年和2008年发布。这些版本的IE浏览器是基于Trident...
IE8中动态创建script标签onload无效的解决方法
09-04
主要介绍了IE8中动态创建script标签onload无效的解决方法,涉及针对javascript加载顺序的调整,具有一定的参考借鉴价值,需要的朋友可以参考下
如何解决IE6/IE7/IE8浏览器不兼容HTML5新标签的问题
iso_wsy的专栏
10-24 1423
时间：2014-03-13   文章来源：马海祥博客   访问次数：6908 HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML（标准通用标记语言下的一个应用）标准版本；现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。HTML5有两大特点：首先，强化了Web网页的表现性能。其次，追加了本地数据库等Web应用的功能。 广义论及
ie8以下版本（包括ie8）的浏览器不支持html5标签属性解决方案（Modernizr 2.6.2插件的使用）
zyx13859002783的专栏
08-12 3万+
ie8以下版本（包括ie8）的浏览器不支持html5标签属性解决方案（Modernizr 2.6.2插件的使用）
IE8以下不支持H5新标签的解决方案
你的微笑像拥抱
02-16 5444
猿友们再写页面的时候，* * 客户可能要求兼容IE8以下版本，可是你用了几个H5的新标签，在IE8以下完全不识别怎么办呢。这时，不要慌不要忙，跟我一起念：如意如意随我心意快快显灵快快显灵 ，哈哈哈 教大家个简单的方法直接通过JS创建相同名字的标签就可以了。 下面直接撸代码：
兼容ie8的多文件上传
云_飞扬
11-03 9403
在HTML5中，表单元素有一个新的属性multiple，可实现多选功能。 这样就可以实现多文件上传，但是此方法不兼容ie8等低版本浏览器。所以项目中我使用的是百度的WebUpload插件，此插件在ie中底层使用flash实现多文件上传。 以下代码是简单的demo，具体使用方法可依据官方文档。 选择文件
解决浏览器对H5新标签的兼容性的解决
螺母娘娘—李减肥（IT前端）
04-27 7930
解决浏览器对H5新标签的兼容性的解决
U盘不识别，磁盘管理器显示无媒体
热门推荐
koh
04-16 15万+
U盘不知道什么原因，格式化后，其他人的电脑上都能用，就我的电脑不能用，资源管理器中看不到U盘，分配驱动器号后，无法查看大小，无法格式化。磁盘管理器中显示无媒体。卸驱动等也没什么用。后面的解决办法如下， 1.打开设备和打印机 2.找到U盘，打开属性窗口，在“硬件”标签下选择“磁盘驱动器”那一行， 3.点击属性，然后点击“改变设置”  4.在“卷”标签下点击“写入”
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值