Оцените семантичность верстки

[Заглянувший]

Сверстал макет для тренировки: http://zxcv.url.ph/blue-blog/index.html

Это тянет на семантическую верстку?

[Ludwig Voltman]

1) тегам header и footer я бы задал class/id, т.к. на странице они могут встречаться не раз. Еще так можно сделать: <header role="banner"> и задавать css по селектору атрибутов (header [role=banner] { style: ...;}. Html5 ARIA, как я понимаю, может считаться семантической заменой именам классов/айди.

2) навигационная панель вверху может быть оформлена так же: <nav role="navigation"> вместо id. Кстати, в футере nav нужно убрать, т.к. нижняя навигационная панель дублирует верхнюю

3) вместо <section id="content"> я бы использовал тег <main>. Id ему можно не задавать (т.к. этот тег на странице используется один раз

4) в статье картинку с девушкой можно заключить в тег figure

5) в статье нижнюю панель с тегами и информацией об авторе можно заключить в footer (вместо div'a)

6) копирайт нужно заключить в тег <small class="copyright"> (вместо div'a)

Edited December 24, 2013 by Ludwig Voltman

[Заглянувший]

Спасибо!