用自定义html标签让IE支持html5新增元素

时间:2011-03-17 16:10:00 

在html 5增加了新元素header、footer,测试过发现IE不能解析html 5新增的元素。
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
header{
background:#090;
font-weight:bold;
position:absolute;
top:10px;
}
footer{
background:#f90;
font-weight:bold;
position:absolute;
bottom:10px;
}
-->
</style>
</head>
<body>
<header>这里是顶部</header>
<footer>这里是尾部</footer>
</div>
</body>
</html>

用自定义标签可以解决浏览器兼容的问题

代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:layout>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>自定义html标签</title>
<style type="text/css">
<!--
*{
margin:0;
padding:0;
}
layout\:header{
background:#090;
font-weight:bold;
position:absolute;
top:10px;
}
layout\:footer{
background:#f90;
font-weight:bold;
position:absolute;
bottom:10px;
}
-->
</style>
</head>
<body>
<layout:header>这里是顶部</layout:header>
<layout:footer>这里是尾部</layout:footer>
</body>
</html>

标签:浏览器,兼容,html5
0
投稿

猜你喜欢

  • 如何在页面中快捷地添加翻页按钮?

    2010-06-26 12:33:00
  • 使用Filter实现信息的二次检索

    2007-10-08 19:19:00
  • 窥探jQuery——面向JavaScript程序员

    2008-06-17 14:35:00
  • 2007淘宝UED招聘题解(前端开发部分)

    2007-11-24 10:32:00
  • 条件CSS的使用[译]

    2009-03-12 12:23:00
  • 浅析MySQL数据库授权原则

    2009-12-15 09:21:00
  • 科学与艺术兼顾的有效网页视觉设计

    2007-09-18 18:03:00
  • 让你知道codepage的重要,关于多语言编码

    2008-01-31 12:04:00
  • 利用CSS属性实现进度条的方式

    2010-02-25 12:31:00
  • JavaScript的事件代理比你想的要简单

    2009-04-27 12:40:00
  • 网马解密大讲堂——网马解密中级篇(Freshow工具使用方法)

    2009-09-16 15:09:00
  • 采用手动分页方式显示文章具体的内容

    2009-10-29 11:58:00
  • 使用FORFILES命令来删除SQLServer备份的批处理

    2012-05-08 06:47:06
  • CSS样式设计技巧十则

    2008-06-04 12:18:00
  • asp脚本延时 自定义的delay函数

    2008-04-07 12:59:00
  • 一个很棒的js图片代码

    2009-12-17 18:36:00
  • 什么是UE,UED?

    2008-07-24 13:26:00
  • Javascript 每日测试 - 第五期 callee及function

    2008-07-10 13:22:00
  • 随机6+1选号码摇奖程序

    2008-07-18 13:15:00
  • ASP开发中有用的函数(function)集合(3)

    2008-10-14 17:20:00
  • asp之家 网络编程 m.aspxhome.com