Есть ли способ обнаружить поддержку HTML 5 Semantic в мобильных браузерах? - PullRequest
Новая
       17

Есть ли способ обнаружить поддержку HTML 5 Semantic в мобильных браузерах?

0 голосов
/ 23 мая 2011

Есть ли способ обнаружить поддержку тегов HTML 5 Semantic в мобильных браузерах?

Метки, как:

<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

Ответы [ 2 ]

0 голосов
/ 24 декабря 2011

Вот список методов определения поддержки элемента HTML5 для браузера.

http://diveintohtml5.info/everything.html

0 голосов
/ 24 мая 2011

Вы можете использовать эти теги для всех браузеров / платформ.Во-первых, вам нужно убедиться, что эти элементы распознаются как элементы блочного уровня, что все, что нужно большинству браузеров, поскольку сами элементы не имеют особого значения (кроме семантики). 

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]-->

Не забудьте установить ваш тип документа на HTML5: 

<!DOCTYPE html>
...