本文介绍了在不支持HTML5的浏览器中，使用HTML5元素可能导致的兼容性问题，提供了一种解决方案，即在<body>标签的onLoad方法中添加检测和处理代码。同时，分享了一个HTML5 Canva的示例，并提醒用户需使用支持HTML5的浏览器查看效果。
【问题描述】不是所有的浏览器都支持HTML5。编写Web代码时，若使用了HTML5元素，在不支持HTML5的浏览器中，可能会出现兼容性的问题，如页面显示混乱。为此有必要对不支持HTML5的浏览器做相应的处理。
【解析】
其实很简单，在<body> onLoad方法中引用下述方法即可：
function supports_canvas() {
if(!!document.createElement('canvas').getContext)
{
}
else
{
document.getElementById("html5_warnning").innerHTML = "本演示采用HTML5编写。您的浏览器不支持HTML 5,请更换浏览器，推荐使用Chrome！";
document.getElementById("demo").style.display = "none";
}
}body中引用示例
<body class="main_body" onLoad="supports_canvas();">else子句中的内容可替换为兼容性的代码。
【示例效果】
【实例】
在网上看到一个很有爱的例子，示例的运行效果如下（修改过的版本）：
最低0.47元/天 解锁文章
扫一扫
2536
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
