今天小编跟大家讲解下有关自定义html标记替换html5新增元素 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关自定义html标记替换html5新增元素 的相关资料，希望小伙伴们看了有所帮助。
在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>来源：爱蒂网
