Правильное использование тегов HTML5 в контенте

[RiG]

Имеется вот такой простой макет

С тегами в шапке и нафигации я разобрался, а вот с блоком контента не могу.

Самое первое что я думаю надо сделать, это обернуть весь блок контента тегом <main>, это правильно?

Сам контент может быть представлен в разном виде. Вот например на главной странице сайта

каждый блок с картинкой надо обернуть в <section> и <article>? Или как то по другому?

При нажатии ссылки "Подробнее" открывается вот это

Опять же, верхняя часть в <section>, название фото в <header>, описание в <article>, "Название альбома, просмотров комментариев" в <footer>? После чего ещё 2 <section> для Добавления комментариев и для самих комментариев?

Подскажите пожалуйста как правильно.

[Ludwig Voltman]

Сам хотел создать подобную тему. Вопрос по-моему очень актуальный. Описание структурных тэгов, как мне кажется, слишком неоднозначно, не хватает конкретики. Вот как я бы разметил эти страницы:

1) main это то - что не футер, и не хеадер. Поэтому в первой картинке я бы внес в него и основной контент, и навигацию. А скорее всего бы вообще не использовал.

2) вторая картинка -- это галерея. Её я бы оформил вот так:

<section><h1>HEADER</h1><figure><img><figcaption>Добавлена, рейтинг, подробнее, комменты и т.п.</figcaption></figure></section>

3) здесь я бы так сделал:

<section><h1>PHOTO_NAME</h1><figure><img><figcaption>описание, рейтинг и т.п.</figcaption></figure></section><article>форма отправки комментария<article>комментарий</article><article>комментарий</article> etc.</article>

[Aleksandr.L]

1) main это то - что не футер, и не хеадер. Поэтому в первой картинке я бы внес в него и основной контент, и навигацию. А скорее всего бы вообще не использовал.

 

В main вроде навигация не входит. У меня он предназначен только для контента. 

---

 

Ну тут наверно можно сделать так:

<main><section><h1>Заголовок</h1><article><figure><img><figcaption>Описание</figcaption><p><a href="">Подробнее</a> <a href="">Комменты</a></p></figure></article></section></main>

Edited December 12, 2013 by Aleksandr.L

[RiG]

 

1) main это то - что не футер, и не хеадер. Поэтому в первой картинке я бы внес в него и основной контент, и навигацию. А скорее всего бы вообще не использовал.

 

В main вроде навигация не входит. У меня он предназначен только для контента. 

---

 

Ну тут наверно можно сделать так:

<main><section><h1>Заголовок</h1><article><figure><img><figcaption>Описание</figcaption><p><a href="">Подробнее</a> <a href="">Комменты</a></p></figure></article></section></main>

каждый section к отдельному блоку, я правильно понял?

[Aleksandr.L]

Ну я так понял, что 6 блоков с картинками это превью статьи и я их заключил в тег article. В main'e секция с основным контентом, кроме того там (в main'e) могут быть и другие какие-то секции.

[RiG]

ещё предложения какие-нибудь будут?

[SelenIT]

main вроде навигация не входит.

Поддерживаю. Всё, для чего имеет смысл команда "Skip to content", вряд ли имеет смысл помечать как основное содержимое. Исключение - навигация по самому основному содержимому (ссылки на якоря внутри него), что и иллюстрируется примером в спецификации.

 

можно сделать так:

<section><h1>Заголовок</h1><article><figure><img><figcaption>Описание</figcaption><p><a href="">Подробнее</a> <a href="">Комменты</a></p></figure></article></section>

Зачем отдельный section вокруг единственного article, притом "безголового", и к чему тут figure, иллюстрацией чего в основном потоке оно служит? По-моему, тут хватит одного article с заголовком  (если эти анонсы имеют смысл, напр., в RSSнике), а то и без них, с неявными section-ами по заголовкам, нормально...

[Aleksandr.L]

Зачем отдельный section вокруг единственного article, притом "безголового", и к чему тут figure, иллюстрацией чего в основном потоке оно служит?

 

Да просто что-то похожее видел на хабре. Спасибо за разъяснение.

[SelenIT]

Не надо сразу соглашаться, возможно, это я чего-то важного не понимаю Раз такой пример где-то приводился, вероятно, были и какие-то аргументы в его пользу. Интересно поспорить с ними...

[Aleksandr.L]

Зачем отдельный section вокруг единственного article, притом "безголового"

 

Ну вот тут я как раз подразумевал, что seciton будет для всех 6-ти article.