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

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

Похожие посты

Руководство по тегам и элементам в HTML

HTML-элемент — это отдельный компонент документа HTML. Он представляет собой семантику или некоторое значение. Например, элемент <title> представляет заголовок документа. Большинство элементов HTML пишутся с начальным тегом (или открывающим) и конечным тегом (или закрывающим) с содержимым между ними. Элементы могут также содержать атрибуты, которые определяют его дополнительные свойства. Например, абзац, который представлен элементом <p>, будет…

Руководство по мета-тегам в HTML

Теги <meta> обычно используются для предоставления структурированных метаданных, таких как ключевые слова (keywords), описание (description), имя автора (author name), кодировка символов (character encoding) и т.д. В теге <head> может быть размещено любое количество метатегов <meta>. Метаданные не будут отображаться на веб-странице, но будут обрабатываться поисковиками, браузерами и другими веб-сервисами. Теперь рассмотрим использование мета-тегов. Объявление кодировки…

Руководство по атрибутам событий в HTML5

Следующие атрибуты событий могут быть применены к большинству HTML-элементов для выполнения JavaScript. Эти атрибуты могут быть указаны для всех элементов, за некоторыми исключениями, где они не имеют смысла, например, к элементам в разделе <head>, таких как <title>, <base>, <link>. События Window События, связанные с объектом window (относится к тегу <body>): Атрибут Значение Описание onafterprint script…

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

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

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

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