Иерархия заголовков

Лекция

В этой лекции хочу поговорить об иерархии заголовков. Мы вскользь коснулись этой темы в лекции о текстовой странице.

Хочу поговорить об этом отдельно, чтобы вы поняли, насколько важно следовать иерархии и выстраивать её.

Я предлагаю взглянуть на страницу Википедии об известном актёре Джордже Клуни. Давайте проанализируем, как здесь выстроена иерархия.

Статья о Джордже Клуни в Википедии

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

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

🔒 Запишитесь на курс, чтобы участвовать

Когда в следующий раз откроется запись

Оставьте почту, чтобы узнать, когда будет открыта запись на этот и другие курсы.

Запись на курс 13 июля — 9 августа

Студенты дневных и вечерних отделений получают скидку 50 %.

КПД ❔
130 дизайнеру, 96 редактору, 34 руководителю