Заголовки помогают определить иерархию и структуру содержимого веб-страницы.
В HTML есть шесть уровней заголовков, от <h1> до <h6>; чем выше уровень заголовка, тем больше его важность — поэтому тег <h1> определяет самый важный заголовок, а тег <h6> определяет наименее важный заголовок в документе.
По умолчанию браузеры отображают заголовки более крупным и жирным шрифтом, чем обычный текст. Заголовки <h1> отображаются самым крупным шрифтом, тогда как заголовки <h6> отображаются самым маленьким шрифтом.
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>Результат вышеприведенного примера будет выглядеть примерно так:
Каждый раз, когда вы размещаете тег заголовка на веб-странице, встроенные таблицы стилей веб-браузера автоматически создают некоторое пустое пространство (называемое margin) до и после каждого заголовка. Вы можете использовать CSS-свойство margin, чтобы переопределить таблицу стилей браузера по умолчанию.
Вы можете легко настроить внешний вид тегов HTML-заголовков, таких как размер шрифта, жирность, шрифт и т. д., используя CSS-свойства font.
Важность заголовков
- HTML-заголовки предоставляют ценную информацию, выделяя важные разделы и структуру документа; используйте их, чтобы дать пользователю удобную навигацию по странице;
- Не используйте заголовки, чтобы текст выглядел БОЛЬШИМ или жирным. Используйте их только для выделения заголовков структурно-независимых разделов в документе;
- Поисковые системы используют заголовки для индексации структуры и содержания веб-страниц. На основе их содержания формируется пул запросов, по которым страница показывается в поиске;
- Используйте заголовки
<h1>в качестве основных заголовков вашей веб-страницы, затем заголовки<h2>, затем менее важные заголовки<h3>и т.д.
Используйте тег <h1>, чтобы выделить самый важный заголовок, который обычно находится вверху страницы. Документ HTML обычно должен иметь ровно один заголовок <h1>, за которым следуют заголовки более низкого уровня, такие как <h2>, <h3>, <h4> и т. д.
