检测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 新标记的时候,有必要先检测浏览器是否支持该标记。