QAQAПРАКТИКУМ / УРОК 08
Как собрать смысловую структуру страницы из черновика
Сначала сделайте страницу понятной без цвета и размера шрифта. Заголовки задают иерархию содержания; крупный текст сам по себе не становится заголовком в HTML?.
Страница мастерской включает название «Школа гончаров», разделы «Занятия» и «Как добраться». Внутри занятий описаны «Первый круг» и «Глазурь».
- Название школы
- Занятия
- Первый круг и Глазурь
Попробуйте сами
- Расположите главный заголовок, затем разделы и вложенные темы.
- Прочитайте только список заголовков: видно ли, к чему относятся два названия занятий?
Как проверить результат
Одно название страницы, два раздела одного уровня и два подзаголовка внутри «Занятий». Иерархия не зависит от декоративного кегля.
Попробуйте на примере
Предложи HTML-скелет основной части с семантическими заголовками. Не добавляй рекламу и стили. После кода покажи дерево заголовков обычным текстом. Страница мастерской включает название «Школа гончаров», разделы «Занятия» и «Как добраться». Внутри занятий описаны «Первый круг» и «Глазурь».
Вставьте пример в чат и сравните результат со своим вариантом.
Для самостоятельного чтения: W3C · руководства по доступности