【html5】解决HTML5新标签不兼容的问题

html5标签:

1.语义化好 -> SEO
    a). 程序交流方便
    b). 搜索引擎友好
        baidu -> 不认识
        google

2.本身不兼容,想兼容低版本,请使用如下方法:

方式一:使用Google的html5shiv包(推荐)
<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

方式二:Coding JavaScript

<!--[if lt IE9]> 
<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>
<![endif]-->

作者:smile.轉角

QQ:493177502

时间: 2024-10-21 22:55:58

【html5】解决HTML5新标签不兼容的问题的相关文章

html5中的新标签

header <header> 标签定义文档的页眉(介绍信息). nva 根据W3C的定义规范:nav元素是一个可以用来作为页面导航的链接组: <nav><ul><li><a href="index.html">Home</a></li><li><a href="/about/">About</a></li><li><

New : HTML5 中的新标签

标签 描述 <!--...--> 定义注释. <!DOCTYPE>  定义文档类型. <a> 定义锚. <abbr> 定义缩写. <acronym> 定义只取首字母的缩写. <address> 定义文档作者或拥有者的联系信息. <applet> 不赞成使用.定义嵌入的 applet. <area> 定义图像映射内部的区域. <article> 定义文章. <aside> 定义页面内容之外

【HTML5】如何处理HTML5新标签的浏览器兼容版问题

HTML5规范毕竟是刚刚才定义完成的规范,还有一些浏览器并不能支持其中的新标签和新属性,尤其是IE8及以下版本浏览器.以下介绍一些在页面中使用HTML5新标签的实践方法,目的是让HTML5中的新标签在低级浏览器中也得到有限的支持,不至于影响整个的页面功能. 让浏览器识别HTML5规范中的新标签 IE8浏览器中还没有添加对HTML5新标签的支持,所以在IE8中无法直接展现HTML5新标签中的内容.庆幸的是IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以

html5有哪些新特性?如何处理html5新标签的浏览器兼容问题?如何区分html和html5?

h5新特性: 语义化标签:<hrader></header> .<footer></footer>.<nav></nav>.<section></section>.<article></article>.<aside></aside>.<video></video>.<audio></audio> 新增表单元素:em

HTML5新标签的兼容性处理

HTML5新的语义标签尽管有很多的好处,但是在低版本的老IE浏览器中还是存在兼容性问题的,常常让人感到头疼,到底是大胆的使用新标签还是使用传统的大量的DIV无义标签?今天就简单的看看H5新标签的兼容性处理方式. 首先来看一小段简单的代码: HTML代码: <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>

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,

HTML5新标签-Video

HTML5的video新标签使用起来非常简单,功能也着实强大,简单的几行代码就可以实现视频播放功能.尤其在苹果公司拒绝在IOS设备上支持Flash的时候,HTML5的公开支持度得到了极大的提升 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">     <title>HTML5新标签-Video</title> &

解决HTML5标签兼容的办法搜集

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

HTML语义化:HTML5的新标签及IE5.5~9的部分兼容方案

一.前言 本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.time.mark.section.header.footer.hgroup.progress.figure.figcaption.nav.meter.output.details.summary.ruby和main   三.让IE5.5~9支持HTML5新标签 1. IE5.5~8下对于不支持的标签