Я села, наконец, за освоение html 5 - надо же когда-то начинать. В основном пока интересуют основные теги layout (как оно по-русски? оО), т.к. они сейчас вроде как поддерживаются всеми современными браузерами.
Coding An HTML 5 Layout From Scratch - начинаю со статьи еще 2009 года, которая все еще актуальна и содержит как раз необходимые базовые вещи.
Краткие записи или Что полезного я вытащила из статьи:
читать дальшеИнтуитивно понятные теги - header, nav, footer.
nav - блок основной (primary) навигации.
aside - Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации. Такой блок, как правило, называется «сайдбар» или «боковая панель». (c) html book
Т.е. все левое, боковое, все что не основной контент
article - задает содержание сайта вроде новости, статьи, записи блога, форума или др. (c) html book
hgroup - Используется для группирования заголовков веб-страницы или раздела. Внутри располагаются теги заголовков от h1 до h6.(c) html book
Т.е. если есть заголовок и подзаголовок, то их помещаем в одну группу.
figure - Используется для группирования любых элементов, например, изображений и подписей к ним. (c) html book
This tag is used to enclose some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document. (c) статья по ссылке выше
Продолжение следует...