Html article: Тег | htmlbook.ru — Вебджем.рф | Создание и продвижение сайтов

Содержание

Тег | HTML справочник

HTML теги

Значение и применение

Тег <article> (статья) применяется для обозначения раздела страницы, содержащего завершенную, независимую композицию. Данный элемент может содержать в себе такую информацию как запись блога, товар в интернет-магазине, пост на форуме, газетная статья, любой другой независимый элемент содержимого или просто основной текст страницы.

Элемент должен иметь в качестве дочернего (вложенного) элемента заголовок от <h3> до <h6> (если до этого не использовался <h2>, то допускается его разовое размещение). Внутри тега <article> могут содержаться другие одноименные элементы с близким по смыслу содержимым.

<article> <!-- начало основной статьи -->
	<h2>Статьи о птицах</h2><!-- заголовок первого уровня (если был использован в документе, то h3, а во вложенных h4) -->
	<p>Вводная информация о птицах...</p>
	<article> <!-- начало первой вложенной статьи -->
		<h3>Статья о воробье</h3> 
		<p>Информация про воробьев.  ..</p>
	</article> <!-- конец первой вложенной статьи -->
	<article> <!-- начало второй вложенной статьи -->
		<h3>Статья о синице</h3>
		<p>Информация про синиц...</p>
	</article><!-- конец второй вложенной статьи -->
</article> <!-- конец основной статьи -->

Пример размещения тега <article> на странице.

Совместное использование тегов <section> и <article>

Обратите внимание, что допускается в качестве дочернего (вложенного) элемента тега <article> использовать тег <section> (раздел), как бы разбивая по смыслу содержимое. При этом необходимо, чтобы элемент <article> и вложенные элементы <section> имели в качестве дочернего (вложенного) элемента заголовок от <h3> до <h6> (если до этого не использовался <h2>, то допускается его разовое размещение внутри <article>).

Пример размещения тега <section> внутри <article>.

По аналогии с вышерассмотренным примером допускается помещать элементы <article> внутрь элементов <section>, формируя при этом разделы с тематической информацией. При этом на элементы действуют те же правила по размещению заголовков:

Пример размещения тега <article> внутри <section>.

Тег <div> имеет довольно общий характер — это просто элемент на уровне блока, используемый для разбиения страницы на разделы. Одна из целей HTML 5 заключается в предоставлении в распоряжение разработчиков широкого выбора из других, семантически более осмысленных тегов.

Рис. 43 Человек, который использует только тег <div>.

HTML 5 включает в себя множество различных тегов, чьи имена отражают тип их содержимого, и эти теги могут использоваться вместо тега <div>. HTML 5 предлагает новые блочные семантические элементы для определения различных частей веб-страницы, вы можете детально с ними познакомиться в статье учебника HTML 5 «Теги разметки страницы».

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

Тег	Chrome	Firefox	Opera	Safari	IExplorer	Edge
<article>	6. 0	4.0	11.1	5.0	9.0	12.0

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

Рассмотрим пример в котором сделаем простую разметку для сайта, используя современный стандарт гипертекстовой разметки HTML5.

<!DOCTYPE html>
<html>
	<head>
		<title>Разметка страницы</title>
	</head>
	<body>
		<header style = "background-color:khaki; height:100px">
			<p>Верхний колонтитул (тег <header>)</p>
		</header>
		<nav style = "background-color:coral; height:75px">
			<a href = "#">Ссылка 1</a> |
			<a href = "#">Ссылка 2</a> |
			<a href = "#">Ссылка 3</a> |
		<p>Панель навигации (тег <nav>)</p>
		</nav>
		<aside style  = "float:right; width:200px; height:250px; background-color:tan">
			<p>Справа мы разместили тег <aside></p>
		</aside>
		<main style = "height:250px">
			<h2>Главный заголовок сайта</h2>
			<p>Основное содержимое (тег <main>)</p>
			<section style = "background-color:grey; height:75px">
				<h3>Заголовок второго уровня</h3>
				<p>Раздел 1 (тег <section>)</p>
			</section>
			<section style = "background-color:grey; height:75px">
				<h3>Заголовок второго уровня</h3>
				<p>Раздел 2 (тег <section>)</p>
			</section>
		</main>
		<footer style = "background-color:khaki; height:80px">
			<p>Нижний колонтитул (подвал) тег <footer></p> 
			<address>Пример с сайта basicweb.
   ru</address>
		</footer>
	</body>
</html>

Обратите внимание, что практически к каждому элементу для демонстрации мы применили встроенный CSS стиль, применение встроенных стилей не является хорошей практикой, научиться грамотно применять стили вы можете после изучения языка HTML 5 в Учебнике CSS 3.

И так по порядку, что мы сделали в этом документе:

Для элемента <header> (верхний колонтитул) мы задали цвет заднего фона khaki и установили высоту элемента равную 100 пикселям.
Следующим на странице мы разместили элемент <nav> (навигация), для которого задали те же встроенные CSS свойства, но указали цвет заднего фона coral, а высоту элемента 75 пикселей.
Далее мы разместили элемент <aside>, который мы сделали плавающим и сместили в правую сторону (CSS свойство float со значением right), задали ему цвет заднего фона (
tan), ширину (200 пикселей) и высоту (250 пикселей). Как вы можете заметить другие элементы его обтекают, не смотря на то, что они блочные. Таким образом происходит верстка плавающими элементами. Подробно изучить работу с плавающими элементами вы можете в учебнике CSS в статье «Плавающие элементы».
Добавили на страницу элемент <main> в который мы добавили заголовок первого уровня (тег <h2>). Прдеполагается, что внутри этого элемента будет содержаться основной контент.
Внутри элемента <main> мы добавили два тематических раздела (тег <section>), поместили внутри этих элементов заголовки второго уровня (тег <h3>), задали им цвет заднего фона grey и высоту блоков по 75 пикселей.
После основного содержимого мы разместили элемент <footer> (нижний колонтитул), по аналогии с предыдущими элементами задали ему цвет заднего фона (

khaki) и высоту (80 пикселей). Внутри него разместили тег <address>, в котором указали контактные данные, которые по умолчанию отображаются курсивом.

Результат нашего примера:

Разметка страницы на HTML 5.

Значение CSS по умолчанию

article {
display: block;
}

Поддержка глобальных атрибутов

Элемент поддерживает «глобальные атрибуты».

Атрибуты событий

Элемент поддерживает «атрибуты событий».

HTML теги

HTML тег

onplay	Скрипт викликається коли медіа дані готові почати відтворення.
onafterprint	Скрипт виконується тільки після як документ надрукований.
onbeforeprint	Скрипт виконується перед тим, як документ надрукований.
onbeforeunload	Скрипт виконується коли документ ось-ось буде вивантажений
onhashchange	Скрипт виконується коли там відбулися зміни до частини якоря в URL
onload	Викликається після того як завантаження елемента завершене.
onmessage	Скрипт виконується коли викликане повідомлення.
onoffline	Спрацьовує коли браузер починає працювати в автономному режимі
ononline	Спрацьовує коли браузер починає працювати в режимі онлай.
onpagehide	Скрипт виконується коли користувач переходить на іншу сторінку сторінку.
onpageshow	Скрипт виконується коли користувач заходить на сторінку.
onpopstate	Скрипт виконується коли змінено історію одного вікна.
onresize	Скрипт виконується, коли розмір вікна браузера змінюється.
onstorage	Скрипт виконується, коли вміст Web Storage оновлюється.
onunload	Викликається, коли сторінка розвантажена, або вікно браузера було зачинено.
onblur	Скрипт виконується, коли елемент втрачає фокус.
onchange	Викликається в той момент, коли значення елемента змінюється.
oncontextmenu	Скрипт виконується коли викликається контекстне меню.
onfocus	Викликається в той момент, коли елемент отримує фокус.
oninput	Скрипт викликається коли користувач вводить дані поле.
oninvalid	Скрипт виконується, коли елемент недійсний.
onreset	Викликається, коли натискається у формі кнопка типу Reset.
onsearch	Викликається, коли користувач щось пише в поле пошуку (для <input type="search">)
onselect	Викликаєтсья після того як будь-який текст був обраний в елементі.
onsubmit	Викликається при відправленні форми.
onkeydown	Подія викликається, коли користувач затис (натиснув та не відпускає) клавішу.
onkeypress	Викликається коли корисрувач натиснув на клавішу.
onkeyup	Викликається коли користувач відпускає клавішу.
ondblclick	Виникає при подвійному клацанні ЛКМ на елементі.
ondrag	Періодично викликається при операції перетягування.
ondragend	Викликається коли користувач відпускає перелягуваний елемент.
ondragenter	Викликається, коли перетягуваний елемент входить в цільову зону.
ondragleave	Викликається, коли перетягуваний елемент виходть з зони призначення.
ondragover	Викликається, коли перетягуваний елемент знаходиться в зоні призначення.
ondragstart	Викликається, коли користувач починає перетягувати елемент, або виділений текст.
ondrop	Викликається, коли перетягуваний елемент падає до зони призначення.
onmousedown	Викликається, коли користувач затискає ЛКМ на елементі.
onmousemove	Викликається, коли курсор миші переміщається над елементом.
onmouseout	Викликається, коли курсор виходить за межі елемента.
onmouseover	Виконується, коли курсор наводиться на елемент.
onmouseup	Викликається, коли користувач відпускає кнопку миші.
onscroll	Викликається при прокручуванні вмісту елемента (чи веб-сторінки).
onwheel	Викликається, коли користувач прокручує коліщатко миші.
oncopy	Викликається, коли користувач копіює вміст елемента.
oncut	Викликається, коли користувач вирізає вміст елемента.
onpaste	Викликається, коли користувач вставляє вміст в елемент.
onabort	Виконується при перериванні якоїсь події.
oncanplay	Скрипт виконується коли файл готовий, для початку відтворення (коли він буферизований достатньо, щоб почати відтворення)
oncanplaythrough	Скрипт виконується, коли контент вже може бути відтворений без переривання на буферизацію.
oncuechange	Скрипт виконується коли змінюється кий в <track> елемента
ondurationchange	Викликається коли змінюється довжина медіа файлу.
onemptied	Викликається коли доступ до медіа контенту обривається (зникло з’єднання з мережею).
onended	Викликається коли медіа елемент повністю відтворив свій зміст.
onshow	Викликається, коли елемент <menu> буде відображено як контекстне меню.
onloadedmetadata	Скрипт виконується коли метадані (розміри чи тривалість) завантажуються.
onloadeddata	Викликається коли медіа данні завантажено.
onloadstart	Викликається коли браузер тільки починає завантажувати медіа дані з сервера.
onpause	Викликається коли відтворення медіа даних призупинено.
onplaying	Викликається коли розпочато відтворення медіа даних.
onprogress	Подія onprogress відбувається, коли браузер завантажує вказане аудіо / відео.
onratechange	Викликається коли змінюється швидкість відтворення медіа даних.
onseeked	Викликається коли атрибут seeked у тега audio або video змінює значення з true на false.
onseeking	Викликається коли атрибут seeking у тегів audio або video змінює значення з false на true
onstalled	Скрипт виконується коли браузер з будь-якої причини не може отримати медіа дані.
onsuspend	Скрипт виконується коли з будь-якої причини завантаження данних призупинено до його повного завантаження.
ontimeupdate	Викликається коли змінилася позиція відтворення елемента <audio> або <video>.
onvolumechange	Викликається коли змінюється гучність звуку.
onwaiting	Викликається коли наступний кадр при відтворенні медіа даних недоступний, але браузер очікує що він незабаром завантажиться.
ontoggle	Викликається, коли користувач відкриває або закриває елемент <details>.
onerror	Викликається якщо при завантаженні елемента сталася помилка.
onclick	Подія викликається коли користувач клацає ЛКМ по елементу.

HTML: тег

В этом руководстве по HTML объясняется, как использовать элемент HTML, называемый тегом

, с синтаксисом и примерами.

Описание

Тег HTML

— это элемент HTML5, определяющий автономную композицию в документе HTML. Этот тег также часто называют элементом

Синтаксис

В HTML синтаксис тега

 <тело>
<статья>
   Заголовок статьи 
  Текст, отображаемый под статьей

Атрибуты

К тегу

применяются только глобальные атрибуты. Нет атрибутов, специфичных для тега

Примечание

HTML-элемент
— это элемент HTML5, который находится внутри тега.
Тег
можно использовать для любого из следующего: сообщение на форуме, запись в блоге, журнальная статья, газетная статья, комментарий пользователя или независимый элемент содержимого.
Для браузеров IE старше IE 9 используйте HTML5shiv, который представляет собой обходной путь JavaScript для обеспечения поддержки новых элементов HTML5, таких как:
,
,
,
,
,
, <нижний колонтитул>.

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

Тег

имеет базовую поддержку со следующими браузерами:

Chrome 5+
Андроид 2.2+
Firefox 4.0+ (Gecko 2.0+)
Firefox Mobile 4.0+ (Gecko 2.0+)
Internet Explorer 9.0+ (IE 9.0+)
Телефон IE 9.0+
Опера 11.10+
Opera Mobile 11.0+
Safari 4.1+ (WebKit)
Safari Mobile 5.0+ (iOs 4.2+)

Пример

Мы обсудим тег

ниже, исследуя примеры использования тега

в HTML5, HTML 4.01 Transitional, XHTML 1.0 Transitional, XHTML 1.0 Strict и XHTML 1.1.

HTML5
HTML4
XHTML

Документ HTML5

Если вы создали новую веб-страницу в HTML5, ваш тег

может выглядеть следующим образом:

 

<голова>
<мета-кодировка="UTF-8">
Пример HTML5 от www.<img class="lazy lazy-hidden" loading='lazy' src="//xn--90abhccf7b.xn--p1ai/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/slideplayer.com/slide/12927558/78/images/10/Minimum+HTML5+Document.jpg' /><noscript><img loading='lazy' src='/800/600/http/slideplayer.com/slide/12927558/78/images/10/Minimum+HTML5+Document.jpg' /></noscript> techonthenet.com

<тело>
<статья>
   Заголовок статьи 
  Текст, отображаемый под статьей

В этом примере документа HTML5 мы создали тег

, который отображает 2 тега — тег

и тег

HTML 4.01 Transitional Document

Вы не можете использовать тег

в HTML 4.01 Transitional.

XHTML 1.0 Transitional Document

Вы не можете использовать тег

в XHTML 1.0 Transitional.

XHTML 1.0 Strict Document

Вы не можете использовать тег

в XHTML 1.0 Strict.

Документ XHTML 1.1

Вы не можете использовать тег

в XHTML 1.1.

Поделись:

Рекламные объявления

Почему вам следует выбрать статью HTML5 Над разделом — Smashing Magazine

8 минут чтения
CSS, HTML, Браузеры
Поделиться в Twitter, LinkedIn

Об авторе

Брюс работает над доступностью, веб-стандартами и браузерами с 2001 года. Вот почему он выглядит так плохо. Вы можете подписаться на него в @brucel или прочитать его… Больше о Брюс ↬

Визуальное отображение браузерами заголовков, вложенных в элементов

, создает впечатление, что они присваивают этим заголовкам логическую иерархию. Однако это чисто визуально и не передается вспомогательным технологиям. Какая польза от

и как авторам следует размечать заголовки, которые чрезвычайно важны для пользователей AT?

Несколько дней назад я разговаривал с друзьями, один из которых спросил меня, в чем разница между

и <раздел> в HTML. Это одна из вечных загадок веб-разработки, наравне с вопросом «почему пробел: теперь, а не пробел: без переноса?» и «почему CSS «серый» темнее, чем «темно-серый»?».

Я дал свой обычный ответ: думайте о

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

Так что ваши брюки — это предмет, и вы можете носить их с другой одеждой; ваша рубашка — это статья, и ее можно носить с разными брюками; ваши лакированные сапоги на шпильках до колен — это вещь (вы бы не надели только одну из них, не так ли?).

В спецификации указано:

«Элемент article представляет собой законченную или автономную композицию в документе, странице, приложении или сайте, которая, в принципе, может распространяться или повторно использоваться независимо друг от друга, т.е. в синдикации. Это может быть сообщение на форуме, статья в журнале или газете, запись в блоге, пользовательский комментарий, интерактивный виджет или гаджет или любой другой независимый элемент контента».

Итак, домашняя страница со списком постов в блоге будет

 9Элемент 0116, обертывающий серию из  элементов , по одному для каждого поста в блоге. Вы использовали бы ту же структуру для списка видео (например, YouTube), где каждое видео было бы заключено в   , список продуктов (например, Amazon) и так далее. Любая из этих   концептуально является синдикативной — каждая может стоять отдельно на своей собственной выделенной странице, в рекламе на другой странице, в качестве записи в RSS-канале и так далее.
 Apple WatchOS содержит Reader, который использует 
  элемент, чтобы узнать основной контент вашей страницы. Apple говорит:
 «Мы добавили Reader в watchOS 5, где он автоматически активируется при переходе по ссылкам на веб-страницы с большим количеством текста. Важно убедиться, что Reader выделяет ключевые части вашей веб-страницы, используя семантическую разметку, чтобы усилить значение и назначение элементов в документе. Давайте рассмотрим пример. Во-первых, мы указываем, какие части страницы являются наиболее важными, заключая их в тег статьи».
 Сочетание 
  с микроданными HTML5 помогает Reader создать оптимальное отображение для небольших экранов часов:
 «В частности, включение этих элементов заголовка в статью гарантирует, что все они будут отображаться в Reader. Reader также по-разному оформляет каждый элемент заголовка в зависимости от значения его атрибута itemprop. Используя itemprop, мы можем гарантировать, что автор, дата публикации, заголовок и подзаголовок будут на видном месте».
 Больше после прыжка! Продолжить чтение ниже ↓
 А как насчет 
<раздела>? Мой обычный совет продолжается: не заморачивайтесь с 
  и не беспокойтесь о том, чем он отличается от   . Он был изобретен как универсальная оболочка для заголовков, чтобы браузер мог определять структуру документа HTML5.
 Что? Алгоритм структуры документа — это способ использовать только один тег заголовка — 
 — и заставить его волшебным образом «стать» правильным уровнем заголовка (например, превратиться в  ,  и т. д.), в зависимости от того, насколько глубоко он вложен в элементы секционирования HTML5:   ,   и т. д.
 Итак, например, вот что вы ввели в CMS:
 Моя потрясающая статья 
Лорем Ипсум Трондант Фнорд
 
 Прекрасно работает, когда отображается как отдельная статья. Но как насчет вашей домашней страницы, которая представляет собой список ваших последних статей?
  Мои последние сообщения 
<статья>
   Моя потрясающая статья 
 Лорем Ипсум Трондант Фнорд

<статья>
   Еще один великий опус 
  Магнум Солеро лопастные весла

 
 В этом примере, согласно спецификации, 
 s внутри   элементов «становятся» логическими  s, потому что   , как и   , является секционирующим элементом   .
  Примечание  :  Это не новая идея. Еще в 1991 году сэр дядя Тимбо написал: 
 «На самом деле я бы предпочел, чтобы вместо  ,  и т. д. для заголовков [тех, которые взяты из AAP DTD] была вложенная   ... 
  элемент и общий элемент    ...   , который на любом уровне внутри разделов будет давать требуемый уровень заголовка».
 Однако, к сожалению, ни один браузер не поддерживает структуру HTML5, поэтому нет смысла использовать 
  . В какой-то момент программа чтения с экрана JAWS попыталась реализовать алгоритм структурирования документа (в IE, но не в Firefox), но реализовала его с ошибками. Похоже, разработчикам браузеров это просто неинтересно (более грязные подробности в разделе «Дополнительная литература» для настоящих анораков).
 «Но, — вмешался в разговор другой друг, — теперь браузеры отображают разные размеры шрифта в зависимости от того, насколько глубоко 
 вложено в   s», и приступил к доказательству.  С ума сойти! 
 Вот похожая демонстрация. В левом столбце показаны четыре 
 s, вложенные в секции; правый столбец показывает a, , , ,  без вложения. Скриншот Firefox показывает, что вложенные  по умолчанию используют тот же шрифт, что и традиционный  …  тегов:
 Сравнение, вложенных в элементы 
, и, 
, 
, 
 (большой предварительный просмотр) 
 Результаты такие же в Chrome, Производные Chromium, такие как бета-версия Edge для Mac и Safari для Mac.
 Значит ли это, что мы все должны с радостью начать использовать 
 в качестве единственного элемента заголовка, вложив его в   s?
 Нет. Потому что это всего лишь изменение визуального оформления h2s. Если мы откроем инспектор специальных возможностей Firefox в devtools, мы увидим, что текст «уровень 2» имеет стиль, похожий на h3, но по-прежнему установлен на «уровень 1» — дерево специальных возможностей не было изменено, чтобы быть уровневым. 2.
 Инспектор специальных возможностей Firefox показывает, что вложенный  визуально выглядит так же, как , но его aria-level неправильно установлен на «1», а не на «2» (большой предварительный просмотр) Сравните это с Реальный h3 в правом столбце:
 Инспектор специальных возможностей Firefox показывает, что реальный  имеет вычисленный уровень арии «2», что является правильным (большой предварительный просмотр) Это показывает, что дерево специальных возможностей было правильно проинформировано об этом является заголовком 2 уровня. На самом деле Mozilla пыталась передать вычисленный уровень дереву доступности:
 «Мы немного поэкспериментировали с этим... но пришлось отменить это, потому что люди в нашей команде a11y жаловались на слишком много регрессий (случайное понижение уровней  и тому подобное)».
 Для пользователей вспомогательных технологий крайне важна правильная иерархия заголовков. Как показывает восьмой опрос пользователей программ чтения с экрана WebAIM,
 «Полезность правильной структуры заголовков очень высока: 86,1% респондентов считают уровни заголовков очень или в некоторой степени полезными».
 Поэтому следует продолжать использовать 
 до  и игнорировать раздел   .
 Никогда не говори никогда 
 «Но…» вы сейчас можете возмущаться, «там же элемент 
  прямо на этой странице!». И вы будете правы, дорогой читатель. «Краткая сводка» заключена в   из соображений доступности. Когда пользователь программы чтения с экрана Леони Уотсон проводила свой вебинар «Как пользователь программы чтения с экрана получает доступ к Интернету», она указала на область, в которой разметка Smashing Magazine может быть изменена, чтобы улучшить ее работу.
 Как видно из снимка экрана, статьям Smashing предшествует краткая сводка, за которой следует горизонтальная линия, отделяющая сводку от самой статьи.
 The Smashing «Quick Summary» отделен от полной статьи горизонтальной линией. (Большое превью) Но разделитель чисто декоративный, поэтому Леони не могла понять, где кончается резюме и начинается статья. Она предложила исправление: мы обернули сводку в элемент 
 :
.
    Сводный текст

 
 В большинстве программ чтения с экрана элемент 
  не объявляется, если у него нет  доступного имени  . В данном случае текст арии label. Теперь ее программа чтения с экрана объявила «Область краткой сводки», а после сводки «Конец области краткой сводки». Эта простая разметка также позволяет пользователю программы чтения с экрана при желании перескакивать через сводку.
 Мы могли бы использовать простую 
 , но затем, как пишет Марко Зехе,
 «Как правило, если вы помечаете что-то с помощью aria-label или aria-labelledby, убедитесь, что у него есть надлежащая роль виджета или ориентира».
 Таким образом, вместо использования 
  , мы выбрали  , так как он имеет встроенную роль региона и к нему применим непогрешимый закон ARIA™ Брюса. :  встроенных ударов на болтах. Большой. 
 Заключение 
 Надеемся, вы получили следующие выводы:
 Не использовать нагрузки  с. Сделайте  основным заголовком вашей страницы, затем используйте  ,  ,  и т. д. в правильной иерархии без пропуска уровней.
   может использоваться с меткой aria, чтобы сообщить пользователю программы чтения с экрана, где начинается и заканчивается конкретная часть статьи. В противном случае забудьте об этом или используйте другой элемент, например   или   .
   ,   ,   и   очень полезны для пользователей программ чтения с экрана и полностью прозрачны для тех, кто не использует вспомогательные технологии. Так что используйте их.
   предназначен не только для постов в блоге — он подходит для любых автономных вещей. Это также помогает WatchOS правильно отображать ваш контент.
  Я благодарен Леони Уотсон за помощь в написании этой статьи. Все ошибки полностью по ее вине. 
 Дополнительная литература 
 «Заголовки и разделы»,  HTML 5.2
Рекомендация W3C  (14 декабря 2017 г.)
Обратите внимание на его предупреждение: «В настоящее время нет известных собственных реализаций алгоритма структуры … Следовательно, нельзя полагаться на алгоритм структуры для передачи пользователям структуры документа. Авторы должны использовать ранг заголовка (h2-h6) для передачи структуры документа».