2017
Использование заголовков
Думаю, каждый человек, знакомый с азами языка разметки html, имеет представление о существование так называемых заголовков. Всего существует 6 различных уровней заголовков, именуемых английской буквой H и нумерующихся от 1 до 6, то есть от наивысшего до наименьшего, соответственно. Каждый из них имеет свою функцию и применяется в коде по определённым правилам.
Как показывает практика, начинающие дизайнеры плохо умеют справляться с употреблением заголовков, особенно из-за стилей, которые используются по умолчанию в браузерах для трёх верхних заголовков и задают очень огромный шрифт, что приводит к нечитабельности текста и к некорректному его восприятию. Поэтому языки css и html имеют ряд инструментов, позволяющих решить эту проблему и использовать заголовки грамотно и привлекательно. С их помощью можно просто выделить наиболее важный текст, отделить элемент текста или раздел документа и структурировать его.
Наиболее высокий уровень заголовка, как правило, используется в том случае, если тот или иной раздел текста содержит для посетителя наибольшую информацию. Заголовки используют в качестве дополнения к таким элементам, как контейнеры. Контейнеры по своей функции должны указывать на контекст в отрывке и улучшать модульность текста. Поэтому главной задачей заголовков становится идентификация данных модулей для общей читабельности текста. Из этого следует, что при грамотном использовании заголовков каждому элементу div в модуле будет соответствовать определённый уровень заголовка. Исходя из структуры документа и получается, что заголовок первого уровня должен быть элементом H1, а каждый последующий, соответственно, H2 –H6, тем самым детализируя информацию.
В зависимости от разделов, должны применяться различные уровни заголовков в нужных для этого местах. Более того, пропуск нижних уровней при этом не приветствуется. Например, кросмедийные программы и инструменты, которые воспроизводят документ в соответствии с его структурой, могут давать сбой, если будет пропуск необходимого уровня заголовка. Советуют использовать для заголовка сайта и ссылки на главную его страницу элемент H1, для названия страницы или же заголовка применять H2, а для последующих заголовков раздела использовать оставшиеся уровни от H3 до H6. Также можно говорить о влиянии заголовков на поисковую выдачу, особенно если это заголовок первого или второго уровня.
Для создания более привлекательного вида заголовков различного уровня следует следить за употреблением шрифтов и тщательно относиться к их выбору, а также к выбору его размера, цвета, высоты строки, полей и отступов.
Нет комментариев