Заголовки помогают определить иерархию и структуру содержимого веб-страницы.

В 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> и т. д.

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.