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

作者:纯真 2008年01月28日 星期一 13点07分 Tags: ,

在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>

HTML5中的新元素

作者:转载 2008年01月25日 星期五 23点20分 Tags:

新千年以来,超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。
结构元素
由于缺少结构,即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别,才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素,专门用来标识这些常见的结构:

ection:这可以是书中的一章或一节,实际上可以是在 HTML 4 中有自己的标题的任何东西
header:页面上显示的页眉;与 head 元素不一样
footer:页脚;可以显示电子邮件中的签名
nav:指向其他页面的一组链接
article:blog、杂志、文章汇编等中的一篇文章

语义性的块元素
除了结构性元素之外,HTML 5 还增加了一些纯语义性的块级元素:

aside:代表说明、提示、边栏、引用、附加注释等,也就是叙述主线之外的内容
figure:一个块级图像,还可以包含说明
dialog:表示几个人之间的对话对于