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

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

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

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

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

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