Question

有没有办法在移动浏览器中检测HTML 5 语义标记支持？

标签如：

<section>，<nav>，<article>，<aside>，<hgroup>，<header>，<footer>

我正在制作移动网站，有m.facebook.com和touch.facebook.com两个版本，我想重定向到支持的手机。和触摸版我正在使用HTML 5标签。

例如，Android 1.6没有HTML5支持且仍在使用中。所以我想将所有Android 1.6设备重定向到m.mobileversion.com而不是touch.mobileversion.com

Answer 1

您可以将这些标签用于所有浏览器/平台。首先，您需要确保这些元素被识别为块级元素，这是大多数浏览器所需要的，因为元素本身没有特殊含义（除了语义）。

section, 
nav, 
article, 
aside, 
hgroup, 
header, 
footer {
display: block;
}

然后，对于IE，只需在页面中包含HTML5填充程序，它使用几行js来创建这些元素：

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

不要忘记将您的doctype设置为HTML5 doctype：

<!DOCTYPE html>

Answer 2

以下是检测浏览器的HTML5元素支持的方法列表。