Тег <h3>
Описание
Тег <h3>
создает заголовок третьего уровня в иерархии HTML-документа. Используется для подразделов внутри разделов, обозначенных <h2>
.
<article>
<h1>Искусство фотографии</h1>
<h2>Основы композиции</h2>
<h3>Правило третей</h3>
<p>Разделение кадра на 9 равных частей...</p>
<h3>Золотое сечение</h3>
<p>Использование пропорции 1:1.618...</p>
</article>
<main>
<h1>API Reference</h1>
<h2>Authentication</h2>
<h3>OAuth 2.0</h3>
<p>Authorization code flow...</p>
<h3>API Keys</h3>
<p>Using X-API-Key header...</p>
</main>
<style>
h3 {
font-size: 1.4rem;
color: #2c3e50;
position: relative;
padding-left: 30px;
}
h3::before {
content: "►";
position: absolute;
left: 0;
color: #e74c3c;
}
</style>
<h3>Часто задаваемые вопросы</h3>
Ключевые особенности:
- Должен следовать после
<h2>
в иерархии - По умолчанию отображается шрифтом среднего размера
- Может содержать вложенные
<h4>
-<h6>
- Важен для создания четкой структуры документа
- Улучшает навигацию и доступность контента
Рекомендации по использованию:
- Используйте для детализации разделов
<h2>
- Сохраняйте последовательность уровней заголовков
- Делайте заголовки конкретными и информативными
- Избегайте использования для не-заголовочного текста
- Для сложных документов добавляйте якорные ссылки
Тег <h3>
помогает организовать сложный контент на странице, делая его более читаемым и доступным для пользователей.
Атрибуты
align | Горизонтальное выравнивание текста (устарел в HTML5) |
accesskey | Горячая клавиша для активации элемента |
class | CSS-классы для стилизации элемента |
contenteditable | Разрешает редактирование содержимого |
data-* | Пользовательские данные элемента |
dir | Направление текста (ltr|rtl) |
hidden | Скрывает элемент от отображения |
id | Уникальный идентификатор элемента |
lang | Язык содержимого элемента |
spellcheck | Включает проверку орфографии |
style | Инлайновые CSS-стили элемента |
tabindex | Порядок перехода при навигации по Tab |
title | Всплывающая подсказка для элемента |
translate | Определяет возможность перевода содержимого |
Поддержка браузерами
![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|
3.0 | 1.0 | 2.0 | 1.0 | 1.0 |