• Skip to main content
  • Skip to search
  • Skip to select language
MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Веб-технологии для разработчиков
  2. HTML
  3. Справка по HTML
  4. Элемент
    • English (US)
    • Deutsch
    • Español
    • Français
    • 日本語
    • 한국어
    • Português (do Brasil)
    • 中文 (简体)
    • 正體中文 (繁體)

Эта страница была переведена с английского языка силами сообщества. Вы тоже можете внести свой вклад, присоединившись к русскоязычному сообществу MDN Web Docs.

В этой статье

  • Интерактивный пример
  • Атрибуты
  • Примечания по использованию
  • Примеры
  • Доступность
  • Спецификации
  • Совместимость с браузерами
  • Смотрите также
  1. HTML
  2. Путеводитель
  3. Категории контента
  4. Comments
  5. Date and time formats
  6. Валидация ограничений
  7. Viewport meta element
  8. Адаптивные изображения
  9. Microdata
  10. Microformats
  11. Режим совместимости (Quirks Mode) и стандартный режим (Standards Mode)
  12. HTML cheatsheet
  13. How to
  14. Define terms with HTML
  15. Использование data-* атрибутов
  16. Разрешение использования изображений из разных источников и canvas
  17. Add a hitmap on top of an image
  18. Tips for authoring fast-loading HTML pages
  19. Add JavaScript
  20. Справочники
  21. элементы
    1. Устарело
    2. Устарело

    3. Устарело
    4. Устарело
    5. Экспериментальная возможность
    6. Устарело
    7. Устарело
    8. Устарело

Пример страницы

Следующий код показывает несколько заголовков с содержимым под ними.

html

Элементы заголовков

Краткое содержание

Обычный текст...

Примеры

Пример 1

Обычный текст...

Пример 2

Обычный текст...

Смотрите также

Обычный текст...

Доступность

Навигация

Обычный метод навигации для пользователей программ чтения с экрана — это переход от заголовка к заголовку для быстрого ознакомления с содержимым страницы. Из-за этого важно не пропускать уровни заголовка. Это может создать путаницу, так как человеку, который использует такой способ навигации, может быть непонятно, где находится отсутствующий заголовок.

Неправильно:

html

Заголовок уровня 1

Заголовок уровня 3

Заголовок уровня 4

Правильно:

html

Заголовок уровня 1

Заголовок уровня 2

Заголовок уровня 3

Вложенность

Заголовки могут быть вложены в подразделы, чтобы отразить структуру содержимого страницы. Большинство программ чтения с экрана могут создавать упорядоченный список всех заголовков на странице, что может помочь человеку быстро определить иерархию содержимого:

  1. h1 Жуки

    1. h2 Этимология

    2. h2 Распределение и разнообразие

    3. h2 Эволюция

      1. h3 Поздний палеозой
      2. h3 Юрский период
      3. h3 Меловой период
      4. h3 Кайнозойский период
    4. h2 Внешняя морфология

      1. h3 Голова

        1. h4 Рот
      2. h3 Туловище

        1. h4 Переднегрудь
        2. h4 Птероторакс
      3. h3 Ноги

      4. h3 Крыла

      5. h3 Живот

Когда заголовки вложены, уровни заголовков могут быть «пропущены» при закрытии подраздела.

  • MDN Understanding WCAG, Guideline 1.3 explanations
  • MDN Understanding WCAG, Guideline 2.4 explanations
  • Headings • Page Structure • WAI Web Accessibility Tutorials
  • Understanding Success Criterion 1.3.1 | W3C Understanding WCAG 2.0
  • Understanding Success Criterion 2.4.1 | W3C Understanding WCAG 2.0
  • Understanding Success Criterion 2.4.6 | W3C Understanding WCAG 2.0
  • Understanding Success Criterion 2.4.10 | W3C Understanding WCAG 2.0

Маркировка разделов содержимого

Другим распространённым методом навигации для пользователей программ чтения с экрана является создание списка секционированного содержимого и его использование для определения разметки страницы.

Разделы содержимого могут быть размечены с помощью комбинации атрибутов aria-labelledby и id, с кратко описывающим назначение раздела значением. Этот метод полезен в ситуациях, когда на одной странице имеется более одного элемента секционирования.

Примеры секционированного содержимого

html

Основная навигация

Вторичная навигация

В этом примере технология чтения с экрана определила бы, что есть два раздела

, один называется «Основная навигация», а другой — «Вторичная навигация». Если атрибуты доступности не были установлены, то человеку, использующему программу для чтения с экрана, возможно придётся исследовать каждый элемент nav, чтобы определить его назначение.

  • Using the aria-labelledby attribute
  • Labeling Regions • Page Structure • W3C WAI Web Accessibility Tutorials

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

Specification
HTML
# the-h1,-h2,-h3,-h4,-h5,-and-h6-elements

Совместимость с браузерами

html.elements.h1

html.elements.h2

html.elements.h3

html.elements.h4

html.elements.h5

html.elements.h6

Смотрите также

Help improve MDN

Learn how to contribute.

This page was last modified on 15 апр. 2025 г. by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.