自定义html标记替换html5新增元素
发布时间：2020-05-10 04:09:08 所属栏目：MySql教程 来源：互联网
导读：在html 5增加了新元素header、footer，测试过发现IE不能解析html 5新增的元素。代码如下：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http:/
|
在html 5增加了新元素header、footer，测试过发现IE不能解析html 5新增的元素。 代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <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" ""> <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> （编辑：焦作站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |