В какой тег вы оборачиваете главную колонку в HTML5?

Question

[zooks]

В какой тег вы оборачиваете главную колонку со статьёй в HTML5?
Не очень хочется делать по-старинке с div-ами.
На сайтах предлагают разное:
<article>, <section>, <main>.
Как это грамотнее сделать с точки зрения семантики?

(ссылки на первоисточники с обоснованием подхода приветствуются)

Answer 1

[Сергей Краснодемский]

оборачиваю так

Comments

[zooks]

Спасибо, иногда забываешь проверять что пишет MDN.

Answer 2

[Тарас Лабяк]

article, в которой section или dl/dt+dd
Если есть несколько контентов (статей), тогда есть смысл заворачивать в main

Answer 3

[SirMustache]

Раз: habrahabr.ru/post/214407
Два: html5book.org/semantics.html5

Comments

[zooks]

Судя по первой статье нужно использовать main. Меня интересует что реально в проектах используется. Какие есть подводные камни, тег ведь относительно новый.

[Dm4k]

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

[zooks]

@Dm4k Я уже использую новые теги и html5shiv.js для совместимости со старыми IE. Нужно посмотреть, как реализована поддержка новых тегов в новых "ослах", которые игнорируют [if lt IE 9].

[Евгений Петров]

@zooks очень просто — нужно в JS создать все неизвестные ослу элементы (без вставки в документ), а в CSS задать display.