如何处理html5新标签的浏览器兼容问题_随笔

对于结构类的标签，通过JS来实现兼容

header footer等结构类标签，在不支持的浏览器当中，都属于“用户自定义标签”，虽然会显示，但是会以行内元素的样式展示。此时需要利用JS创建这个元素，之后用CSS为其设置块元素的样式。

如下代码

<head>

document.createElement('header')

document.createElement('footer')

</script>

<style>

header, footer {

display: block

}

</style>

</head>

<body>

<header>此处该标签就成立了，也是以块元素形式展示</header>

<footer>HTML5 学堂，多篇原创技术文章</footer>

</body>

注意，JS代码需要放置在顶部（head当中），而不是底部

解决兼容性可以使用css来实现。

为老版本ie专门写一个old.css，在html里面加一段js来识别浏览器版本，当老版本ie访问时自动启用old.css，即可兼容。

另外老版本ie现在使用的人并不是很多，如果嫌写代码麻烦的话，也完全可以忽略老版本ie用户，或者在html里面加js识别老ie访问时显示一段话“您的ie版本太旧了，不能很好的展示网站功能，建议更新ie浏览器或者下载google、火狐浏览器等”目前腾讯邮箱好像就是这样提示的，也就是做一个友好提示。

欢迎分享，转载请注明来源：内存溢出

如何处理html5新标签的浏览器兼容问题