2011-05-23 12 views
0

HTMLを検出する方法はありませんモバイルブラウザでセマンティックタグがサポートされていますか?モバイルブラウザでHTML 5セマンティックタグのサポートを検出する方法はありますか?

タグのように:

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

私はm.facebook.comとtouch.facebook.comのように2つのバージョンで携帯サイトを作ってるんだし、サポートされている携帯電話にリダイレクトしたいタッチ版ではHTML 5タグを使用しています。

たとえば、Android 1.6にはHTML5がサポートされておらず、まだ使用されています。だから私はすべてのAndroid 1.6デバイスをm.mobileversion.comにリダイレクトしたいです。touch.mobileversion.com

+0

*サポート*とはどういう意味ですか? IEとは別に、これらの要素を「サポートしない」ことはどのように可能ですか?また、あなたはhgroupのための使用を持っていますか?実際にアウトラインアルゴリズムを使用していますか?あなたのサイトの輪郭を検証してテストしているのでなければ、ほとんどの要素を使っても意味がありません。簡単な答え:これらの要素のどれもあなたのページに何も追加していません。サポートがあなたを悩ましている場合は、DivsとSpanを絶対に皆に提供し、より新しいラッパー要素を使用して何かを達成できるという神話を持つサルはしないでください。 –

答えて

0

これらのタグは、すべてのブラウザ/プラットフォームで使用できます。まず、それらの要素がブロックレベルの要素として認識されていることを確認する必要があります。これは、要素自体に特別な意味がないため(セマンティクスは別として)、ほとんどのブラウザで必要です。

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

その後、IEのために、単にこれらの要素を作成するために、JSの数行を使用して、あなたのページでHTML5のシムを含める:

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

はHTML5にあなたのDOCTYPEを設定することを忘れないでください。 doctype:

<!DOCTYPE html> 
関連する問題