Как разметить страницу с точки зрения семантики
Процесс разметки можно разделить на несколько шагов с разной степенью детализации.
-
Крупные смысловые блоки на каждой странице сайта. Теги: header, main, footer.
-
Крупные смысловые разделы в блоках. Теги: nav, section, article, aside
-
Заголовок всего документа и заголовки смысловых разделов. Теги: h1-h6.
-
Мелкие элементы в смысловых разделах. Списки, таблицы, демо-материалы, параграфы и переносы, формы, цитаты, контактная информация и прогресс.
-
Фразовые элементы. Изображения, ссылки, кнопки, видео, время и мелкие текстовые элементы.