ie8以下不兼容h5新标签的解决方法

HTML5新添了一些语义化标签,他们能让代码语义化更直观易懂,有利于SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别,需要进行JavaScript处理。

解决思路就是用js创建html5中的新标签,代码如下:

<script>
   (function() {
     if (!
     /*@[email protected]*/
     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>

对于上面的代码要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素,对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局。

另外对于代码中if (!  /*@[email protected]*/ 0) return;是什么意思大多数人会有困惑,主要是用于判断浏览器是否支持注释条件编译。在Internet Explorer 11标准模式和Windows应用商店应用中不支持条件编译。 在Internet Explorer 10标准模式和所有早期版本中支持条件编译。这样非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。

时间: 2024-10-20 06:30:23

ie8以下不兼容h5新标签的解决方法的相关文章

让ie浏览器支持html5新标签的解决方法(使用html5shiv)

没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览器识别标签,需要新增标签,具体解决办法是: IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,代码如下: document.createElement('新标签'); / /新增创建新标签   方式一:Codi

H5新标签(适合新手入门)

H5新标签 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 <!DOCTYPE html> 字符设定 <meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写 <meta charset="utf-8">:HTML

解决ie8以下不兼容h5的新标签

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 使用他们能让代码

完美解决ie8以下不兼容h5的方法

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 使用他们能让代码

处理H5新标签方法

语义化 HTML5中加入了更加具有语义化的标签,比如header,nav,footer等,可以为搜索引擎优化,让爬虫能更好地理解网页结构. 但是对于新标签的兼容性不是很好,IE9以下旧版本不支持新的语义化标签 IE8/IE7/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签. 使用html5shim框架 https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv-printshiv.js 引入即可使用 原文地址:

h5新标签IE8不兼容怎么办?

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> body{ clear: both; *zoom:1; } body:after{ content: ''; display: block; c

H5新标签兼容

WordPress中一些主题是用了新增的H5标签 但是这些标签并不兼容IE 678 观察发现 主题引用了js文件 html5shiv.min.js 解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题. 地址: <!--[if lt IE 9]> <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script> <script src="

IE8及以下兼容h5标签的两种方法

在默认情况下,IE8及以下的IE版本不支持HTML5,这里介绍两种兼容方式 第一种方式:手动创建标签 <script> /*手动创建标签:默认的标签的类型都是行级元素,当设置标签样式时,首先需要将行级元素转换为块级元素,即设置display:block*/ document.createElement("header"); document.createElement("nav"); document.createElement("main&q

怎样让老浏览器兼容html5新标签

CSS样式设置默认样式: <style> article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } </style> JS中: <!--[if lt IE 9]> <script type="text/javascript"> var e=(&quo