Тег <h3> используется для создания заголовка третьего уровня. Это один из шести заголовков, которые можно использовать в HTML для разметки текста: от <h1> до <h6>. Каждый последующий заголовок, начиная с <h1>, представляет собой заголовок более низкого уровня, чем предыдущий.

Синтаксис тега <h3>

<h3>Заголовок третьего уровня</h3>

Спецификация HTML

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег <h3> считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого: заголовок третьего уровня.

Примеры использования

Название товара:

<section>
  <h3>Описание товара</h3>
  <p>Здесь располагается описание товара.</p>
</section>

Заголовок статьи:

<article>
  <header>
    <h3>Заголовок статьи</h3>
    <p>Автор: Имя Фамилия</p>
  </header>
  <p>Текст статьи.</p>
  <footer>
    <p>Дата публикации: 27 марта 2023 г.</p>
  </footer>
</article>

Для чего использовать тег <h3>

  • Для создания заголовка третьего уровня.
  • Для разделения текста на уровни важности.
  • Для улучшения доступности веб-страниц.
  • Для SEO-оптимизации, так как заголовки помогают поисковым системам понимать структуру и содержание страницы.

Атрибуты тега <h3>

У тега нет собственных контентных атрибутов, но он поддерживает все глобальные атрибуты HTML.

Ограничения

  • Элемент может использоваться только внутри других тегов разметки, например, внутри <body>.
  • Тег должен идти после заголовка второго уровня — <h2>.

Поддержка браузерами

Тег поддерживается всеми современными браузерами. Актуальная информация — на caniuse.

Альтернативные теги

Тег <h3> можно заменить на тег <h2>, если на странице нет заголовков второго уровня. В противном случае лучше использовать заголовок третьего уровня.

Чем заменить этот тег

Если необходимо выделить текст как заголовок, но его уровень неважен, можно вместо <h3> использовать тег <span> или <div>.

Актуальность

Тег <h3> не устарел, можете использовать его в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023