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

1、新特性

内容元素：article、header，footer,section,nav,aside
表单元素：calendar，date，time，number,url,search;
多媒体：video,audio;
控件元素： websockt,webwork
绘画：canvas;
存储：localStorage;sessionStorage
2、移除的元素

big font basefont,s,tt,u,frame.iframe

3、处理html5新标签与浏览器兼容性问题：

1）IE6/IE7/IE8支持通过document.createElement方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。浏览器支持新标签后，还需要添加标签默认的样式；
2）

　　a）使用html5shim：在<head>中调用以下代码：
　

　<!--[if lt IE 9]>
　　<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
　　<![endif]-->　

　　b）使用kill IE6: 在</body>之前调用以下代码：
　　

<!--[if lte IE 6]>
　　<script src="http://letskillie6.googlecode.com/svn/trunk/letskillie6.zh_CN.pack.js"></script>
　　<![endif]-->

 

4.如何区别HTML和HTML5

1）在文档类型声明上不同：
HTML是很长的一段代码，很难记住，而HTML5却只有简简单单的声明，方便记忆。
2）在结构语义上不同：
HTML：没有体现结构语义化的标签，通常都是这样来命名的<div id="header"></div>，这样表示网站的头部。
HTML5：在语义上却有很大的优势。提供了一些新的标签，比如：<header><article><footer>

posted @ 2021-05-20 17:03  时光向来煞人  阅读(440)  评论(0)    收藏  举报