检测HTML5是否支持HTML5

在HTML中插入画布标记，浏览器支持时，会出现矩形；反之，在页面中显示“该浏览器不支持html5的画布标记”的提示！

实现代码：

<!doctype html>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<title>检测浏览器是否支持HTML5</title>
</head>

<body style="font-size: 13px">
<canvas id="mycanvas" width="200" height="100" style="border:2px solid #ccc;background-color: #eee">该浏览器不支持HTML5的画布标记</canvas>
</body>
</html>

页面效果：（支持）

分析：虽然同一个页面，不同浏览器对HTML5标记的支持情况不同，显示的页面效果也各异。所以，写HTML5 新标记的时候，有必要先检测浏览器是否支持该标记。

posted @ 2017-12-30 20:28 素心依旧阅读(175) 评论(0) 收藏举报

刷新页面返回顶部