如何处理html5新标签的浏览器兼容问题
1个回答
展开全部
对于结构类的标签，通过JS来实现兼容
header footer等结构类标签，在不支持的浏览器当中，都属于“用户自定义标签”，虽然会显示，但是会以行内元素的样式展示。此时需要利用JS创建这个元素，之后用CSS为其设置块元素的样式。
如下代码
<head>
<!-- 其他无关代码已经省略 -->
<script>
document.createElement('header');
document.createElement('footer');
</script>
<style>
header, footer {
display: block;
}
</style>
</head>
<body>
<header>此处该标签就成立了，也是以块元素形式展示</header>
<footer>HTML5 学堂 ，多篇原创技术文章</footer>
</body>
注意，JS代码需要放置在顶部（head当中），而不是底部
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
