モバイル ブラウザーでHTML 5セマンティックタグのサポートを検出する方法はありますか?
次のようなタグ:
<section>, <nav>, <article>, <aside>, <hgroup>, <header>_<footer>
m.facebook.com と touch.facebook.com のような 2 つのバージョンのモバイル Web サイトを作成しており、サポートされているモバイルにリダイレクトしたいと考えています。タッチ バージョンでは、HTML 5 タグを使用しています。
たとえば、Android 1.6 は HTML5 をサポートしておらず、まだ使用されています。したがって、すべての Android 1.6 デバイスを touch.mobileversion.com ではなく m.mobileversion.com にリダイレクトしたいと考えています。
ブラウザのHTML5要素のサポートを検出する方法のリストを次に示します。
これらのタグは、すべてのブラウザー/プラットフォームで使用できます。まず、これらの要素がブロック レベルの要素として認識されるようにする必要があります。これは、要素自体に特別な意味がないため (セマンティクスは別として)、ほとんどのブラウザーで必要なすべての要素です。
section,
nav,
article,
aside,
hgroup,
header,
footer {
display: block;
}
次に、IE の場合、これらの要素を作成するために数行の js を使用する HTML5 shim をページに含めます。
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
doctype を HTML5 doctype に設定することを忘れないでください。
<!DOCTYPE html>