Новые html5 теги. Как правильно использовать?

[Ludwig Voltman]

Новые теги html5 (<header>, <section>, <footer>, <article> и др.) позволяют добавить семантичности верстке и разнообразить привычные div'ы. Однако не все браузеры корректно воспринимают эти теги. Вот что написано на сайте:

 

Internet Explorer до версии 8.0 включительно игнорирует тег <article>, но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору article.

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.

 

Верстальщик на распутье. Что же делать?

1) Заставить IE (вплоть до 6 версии) воспринимать новые теги можно через небольшой JS (подробнее здесь). Сомнение: а что если у пользователя выключены JS?

2) Можно использовать новые теги, но не присваивать им стилей. По сути будет обычная divовая верстка с дополнительными семантическими тегами.

3) Можно просто не использовать новые теги, тогда и проблемы не возникнет

4) А ещё можно просто забить на старые браузеры и присваивать стили новым тегам.

 

Вопрос у меня такой:

Какой из четырех вариантов кажется Вам самым разумным? Может быть, есть какие-то другие варианты решение проблемы со старыми IE?

 

[npofopr]

Есть же https://github.com/aFarkas/html5shiv

[ryter]

проблемы пользователя, да я думаю мало кто бродит по просторам интернета без js.

[npofopr]

В наше время, и чтобы выключен js? 

У кого он выключен, им все равно на ваши теги, и если они смогли его выключить, значит и браузер у них один из последних и современных.

Я использую html5 теги. Но не назначаю им стилей, а использую div.

 

что это значит?

[Ludwig Voltman]

что это значит?

 

Ну, например, вот так:

<header><div class="header"><h1>SITENAME</h1></div></header>

А не так:

<header><h1>SITENAME</h1></header>

[XAHTEP26]

А почему бы просто не дописать им в css "display: block;" или вообще тогда не использовать html5 теги?

[Zverushka]

У кого он выключен, им все равно на ваши теги, и если они смогли его выключить, значит и браузер у них один из последних и современных.

имен-но. Таких пользователей, кто в 7м осле или 8м отключил жаваскрипт - я не знаю - может полпроцента или 10я, тысячная?

Edited December 3, 2013 by Zverushka

[Ludwig Voltman]

А почему бы просто не дописать им в css "display: block;" или вообще тогда не использовать html5 теги?

Можно и так сделать, но не будет работать в IE7 и 8.

http://htmlbook.ru/samlayout/verstka-na-html5/novye-tegi

А если без них обходиться то не модно, не прогрессивно, не семантично   Я просто подумал, что м.б. что-то новое придумали с момента выпуска статьи, все-таки 2 года прошло. 

[npofopr]

все-таки 2 года прошло

за эти 2 года, браузеры очень хорошо обновились. 

[XAHTEP26]

Да ты жесток. ) Ну а какой тут еще способ придумать? IE 7 и 8 никогда не начнут применять стили к тегам которых не знают - поэтому любой вариант с тегами HTML5 для тебя отпадает и придется использовать divы, а это по любому будет "не модно, не прогрессивно, не семантично". Поэтому остается только мучиться с твоим вариантом или перейти на темную сторону и забить на IE. )

Edited December 3, 2013 by XAHTEP26

[npofopr]

Да ты жесток. ) Ну а какой тут еще способ придумать? IE 7 и 8 никогда не начнут применять стили к тегам которых не знают - поэтому любой вариант с тегами HTML5 для тебя отпадает и придется использовать divы, а это по любому будет "не модно, не прогрессивно, не семантично". Поэтому остается только мучиться с твоим вариантом или перейти на темную сторону и забить на IE. )

с помощью js понимают же

[Vlad]

Я цинично в таких случаях рассуждаю. Отключен JavaScript, старый браузер? Ну и зачем мне на сайте такой неудачник!

[swandev]

HTML5shiv, modernizr.js и старые браузеры понимают html5

JS никто не выключает, верстальщики-параноики пусть поддерживают работоспособность без JS, а я не буду. Тем более, еще не один заказчик этого не требовал.

 

html5, aria roles это интересно, попробуйте

 

P.S для IE<8 версии вывожу сообщение с предупреждением.