Для чего используют возможность оформления текста стилями заголовок различных уровней

Зачем нужны заголовки

Зачем нужны заголовки и какие теги для них использовать?

Этот вопрос нам задают чаще всего.

Когда много лет назад придумали HTML, мир был совсем другим. Авторы спецификации вдохновлялись текстовыми документами, где в одном потоке подряд шли абзацы, списки, таблицы, картинки и, конечно, заголовки. Прямо как в ваших рефератах и курсовых: самый большой заголовок — название, заголовки поменьше — части или главы.

. Они озаглавливают всё, что за ними следует и образуют неявные секции. Такие логические части страницы. Неявные они потому, что закрываются только когда появляется следующий заголовок.

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

Ладно! Раз у нас есть явные секции, то по вложенности легко определить отношение частей. Так может браузеры сами догадаются какого уровня заголовки нужны? А то считать:

, аш… сбился. Так было бы удобнее менять части кода местами.

Такая же идея пришла в голову авторам HTML5 и они описали в спецификации алгоритм аутлайна. Он разрешает использовать на странице только

Разработчикам идея очень понравилась, многие даже бросились её внедрять. Но вот беда: алгоритм аутлайна до сих не внедрил ни один браузер, читалка или поисковик. На таких страницах все заголовки кричат, что они №1 и самые важные. Но если важно всё, то уже ничего не важно.

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

Нет, погоди. Я ставлю класс на

Вы конечно правы, стили создают визуальную модель важности: крупный чёрный текст важнее, меленький серенький вообще не важен. Но только если вы смотрите на такую страницу.

Есть две важные группы пользователей, которые читают вашу страницу по тегам разметки. Они не смотрят насколько крупный и чёрный ваш

. Это читалки и роботы. С роботами всё понятно: это поисковики, которым нужно помогать понимать ваши страницы.

Читалками или скринридерами пользуются люди, которые плохо или совсем не видят ваши интерфейсы, или не могут управлять браузером привычным образом. VoiceOver, NVDA, JAWS читают содержимое вслух и ориентируются только по значимым тегам. Элементы div и span не значат ни-че-го, какие бы классы и стили вы не накрутили. Такой сайт — как газета без заголовков, просто месиво текста.

Да какая газета! Очнись, 2017 на дворе, я изоморфное одностраничное приложение делаю, а не стенгазету. У меня тут стейты компонентов — нафига семантика там, где нет текста? Очень хороший вопрос.

Все читалки идут по странице тег за тегом, от первого к последнему. И читают подряд всё, что внутри. Крайне неэффективно: каждая страница начинается с шапки и пока её пройдёшь, забудешь за чем шёл. Поэтому у читалок есть специальные режимы, показывающие только важные части страницы. Структурные элементы header, nav, main и другие, все ссылки, все заголовки.

Если вывести все заголовки и прочитать их, можно составить ментальную, а не визуальную модель страницы. А потом взять и сразу перейти к нужной секции, выбрав её заголовок. Меню, поиск, каталог, настройки, логин — все эти части вашего приложения можно озаглавить, чтобы упростить доступ к ним.

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

Источник

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

Спецификация HTML описывает шесть видов заголовков:

. Число в названии элемента отражает его приоритет. При этом

самый общий, а

наиболее специфичный.

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

Познание

Прежде чем мы подробно рассмотрим как работают вспомогательные технологии, надо понять причины, по которым СМИ используют главы, разделы, подразделы и параграфы. Дробление контента на отдельные части облегчает его понимание, усвоение, запоминание и работу со ссылками.

Несмотря на то, что интернет не печатное издание, он заимствует у типографики все хорошие практики. Заголовки в HTML аналогичны соглашениям в типографике. Это одна из тех вещей, которую каждый считает чем-то очевидным, но она на самом деле помогают огромному количеству людей. Когнитивные нарушения широко распространены и перевешивают другие виды нарушений. Группировка контента на логические части помогает всем: от людей с патологическим состоянием организма, например, деменцией, до людей с временными ограничениями, такими как бессонница или осваивающими новые навыки.

Навигация с помощью заголовков

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

Создание списков заголовков

Какие-то вспомогательные технологии могут обрабатывать заголовки и представлять их в виде упорядоченного списка. Такой список помогает быстро понять общий смысл страницы.

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

Заголовки первого уровня

Ещё одна важная вещь, которую мы можем сделать, это убедиться, что на странице только один заголовок первого уровня. Такой заголовок должен описывать основную идею содержания страницы. Например, у страницы об истории французской выпечки может быть такой заголовок первого уровня:

Алгоритм структуры документа (несуществующий)

К сожалению, существует заблуждение о том, что можно использовать заголовки первого уровня для каждого элемента секционного контента на странице, а браузер дальше сам во всём разберётся с помощью алгоритма построения структуры документа (Document Outline Algorithm). Этот алгоритм спекулятивная фантастика. В момент написания этой статьи алгоритм не поддерживается ни одним браузером. По этой причине мы должны придерживаться подхода «Priority of Constituencies», описанного в спецификации, и использовать другие заголовки.

Другие заголовки

Заголовки от второго до шестого уровней должны последовательно размещаться за первым и описывать основные моменты содержимого страницы.

Например, вот структура этой статьи:

Посмотрев на этот список, вы быстро поняли про что статья. Неплохо, да?

Ещё нужно отметить, что заголовки, подобно иерархическим форматам вроде JSON, могут содержать внутри другие заголовки, при условии, что они логически связаны. Внутри заголовка второго уровня вы можете использовать несколько заголовков третьего уровня. Каждый из этих подзаголовков может, в свою очередь, иметь внутри подзаголовки четвёртого уровня.

Когда вы завершили тему, то можете закрыть вложенные заголовки. Это единственный случай, когда допустимо использовать «пропущенные» уровни: вы закончили описывать конкретную проблему и вернулись к более общей теме.

Этот пример показывает как правильно использовать заголовок пятого уровня («Шеф-повар принца Конде») перед заголовком третьего уровня («18 век»), пока родительские заголовки располагаются последовательно друг за другом. Если бы заголовок третьего уровня шёл перед заголовком пятого, то это было бы уже неправильно.

Избыточная описательность

Если мы используем слишком много заголовков, то перегружаем пользователей вспомогательных технологий информацией. Вы можете подумать, что я противоречу себе, ведь я только что говорил о том, как важны заголовки для навигации.

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

Нет чётких правил о количестве заголовков, которое считается избыточным. Это напрямую зависит от того, какой это контент и в каком объёме нужно раскрыть его содержание. Например, для рецепта достаточно указать название блюда, его ингредиенты и дать инструкцию по приготовлению. Для научной статьи нужна большая детализация.

Другие сервисы

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

Как и скринридеры, сервисы вроде Google Docs и Dropbox Paper могут автоматически создавать перечни заголовков, чтобы помочь вам быстрое понять содержание документа и перемещаться по нему. Многие текстовые редакторы тоже умеют быстро формировать из заголовков динамически обновляемые оглавления, что делать вручную очень утомительно и трудоёмко. И, благодаря совместимости HTML, мы даже можем воссоздать такую навигацию с помощью расширения для браузера!

Стилизация

Семантика

Причина, по которой я это упомянул, заключается в том, что элементы заголовков часто используются из-за того, как они выглядят («О, мне нравится цвет и шрифт

, использую-ка я его!»), а не из-за того, какой приоритет содержимого они описывают (Бриошь — это вид сдобы). Это распространённая ошибка.

В идеальном академическом мире мы соблюдаем материальную честность (material honesty) заголовков, определяя их размер и стиль в соответствии с тем, какой уровень иерархии они описывают.

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

Целесообразность

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

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

Служебные стили

Такие методологии как Utility-First CSS помогают более гибко настраивать внешний вид заголовков:

В примере я объявляю несколько классов, которые будут изменять внешний вид заголовков до тех пор, пока я не получу желаемый результат. Вы можете столкнуться с этой методологией на крупных сайтах и в приложениях, где низкая специфичность классов помогает сохранить согласованность кода (консистентность).

Сброс

Чтобы закрепить правильный порядок и вложенность заголовков, можно сбросить их стили. Это поможет избежать использования дополнительного класса, который приводит заголовки к одному виду.

Этот небольшой пример оборонительного дизайна (defensive design) заставляет задуматься над тем, как структура документа формируется в зависимости от его внешнего вида. Эти стили объявляются после импорта CSS-сброса, так как могут переопределить стили из файла со сбросом.

Именование

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

Я также встречал случаи, когда такой подход допускал вообще не использовать для некоторых заголовков семантические теги («А, я могу сделать этот

!»). Не надо так!

Подводя итоги: воспользуйтесь моментом

Опрос пользователей скринридеров, который WebAIM провела в 2017 году, также показал, что пропуск или неподходящие заголовки одна из 10 наиболее распространённых проблем, с которыми сталкиваются пользователи вспомогательных технологий.

И это одна из самых распространённых проблем с доступностью, которую легко решить. Потратьте немного времени и посмотрите на свой сайт или приложение ещё раз. Структура заголовков точно описывает страницу? Соблюдается ли логический порядок? Очень просто поменять пару цифр местами!

Стоит обратить внимание и на то, что заголовки, подобно иерархическим форматам данных, таким как JSON, могут быть вложены в другие, если они логически связаны. Внутри заголовка второго уровня вы можете использовать заголовки третьего. Каждый из этих подзаголовков может, в свою очередь, иметь вложенные подзаголовки четвёртого уровня.

Источник

Заголовки в дизайне (h1, h2, h3)

3 основных уровня иерархии текста, которые позволяют дизайнеру привлечь внимание и направить пользователя к дальнейшему чтению.

Уровни типографической иерархии

Дизайн заголовков и подзаголовков является очень важной составляющей любого интерфейса. Заголовки и подзаголовки позволяют создавать визуальную иерархию, привлекать внимание к основному контенту, подталкивать читателя к дальнейшему чтению.

Можно выделить три основных уровня типографической иерархии:

Первый уровень (заголовок)

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

В среднем 8 из 10 человек прочитают ваш заголовок, и только 2 из 10 прочитают остальной текст. Поэтому для заголовка важна максимальная информативность.

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

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

Второй уровень (подзаголовок)

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

Подзаголовок, совместно с другими второстепенными элементами, должен поддерживать интерес и вызывать желание у читателя ознакомиться с текстом более детально.

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

Для выделения подзаголовков необходимо использовать те же способы, что и для выделения заголовков. Но при этом, нужно помнить, что подзаголовок на уровень ниже, чем заголовок, и на уровень выше, чем простой текст. Нужно визуально этому соответствовать. Подзаголовок не должен выделяться больше, чем заголовок или менее, чем обычный текст.

При создании подзаголовков рекомендуется заключать их в теги H2 и H3. Тег H2 использовать для основного подзаголовка, а H3 использовать как заголовок в подзаголовке.

Третий уровень

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

Основные рекомендации для третьего уровня:

Что еще почитать?

Источник

Создание структуры текстового документа в MS Word (Заголовки)

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

Необходимость наличия структуры документа

Вообще создать красиво оформленный интерактивный текст, который будет привлекательно выглядеть и, в то же время, будет готов для дальнейшего редактирования можно создать без использования стилей типа «Заголовок». Однако, в этом случае, в тексте будет невозможно быстро перемещаться к нужной главе, нельзя будет, не выполняя каких либо дополнительных действий с текстом, создать оглавление.

Более того, созданная структура текста останется рабочей, если текст сохранить в PDF формате, что, безусловно, является плюсом.

Справедливости ради, следует отметить, что создать оглавление без использования стилей типа «Заголовок» средствами текстового процессора MS Word можно. Иногда, если мало времени или нецелесообразно создавать стили абзаца, такой способ может оказаться даже предпочтительней. Но, если же работа с предоставленным текстом будет продолжаться в дальнейшем, или текст создается с чистого листа, то использование стилей типа «Заголовок» является обязательным.

Стили, отвечающие за формирование структуры документа

За формирование структуры документа отвечают стили типа «Заголовок». В MS Word изначально есть 9 встроенных стилей «Заголовок», по умолчанию отображаются первые два, остальные начинают отображаться по мере использования стилей предыдущих уровней либо, если установить соответствующие настройки в окне стилей (Рис. 4.1).

Рис. 4.1 Отображение всех уровней из окна стилей

Можно воспользоваться встроенными стилями «Заголовок», но можно и создать свои собственные. За присутствие стиля в структуре документа отвечает соответствующая настройка в настройке стиля «Абзац» (см. рис. 4.2).

Рис. 4.2 Изменение уровня стиля

Всего можно использовать 9 уровней стилей. Такое количество является даже избыточным. Можно создавать несколько стилей, которые будут одинакового уровня.

Создание структуры документа на основе многоуровневого списка

Для создания простой структуры документа, без автоматической нумерации заголовков, связку многоуровневых списков и стилей типа «Заголовок» использовать не нужно. Но использование нумерации в стилях заголовков достаточно часто. Также может потребоваться использование составного номера не только в стилях заголовках, но и в подписях рисунков, таблиц, формул или других элементах редактируемого документа.

Хотя, в большинстве случаев, достаточно использование встроенных стилей «Заголовков», все же создадим собственные стили абзаца типа заголовок и свяжем их с многоуровневым списком, также созданным. Для примера оформим основные принципы обучения, которые использовались в предыдущих материалах не просто многоуровневым списком, а структурой документа.

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

Оглавление документа, которое будет создано при выполнении соответствующей команды (Закладка «Ссылки» \ Оглавление) можно посмотреть, открыв область навигации («Вид»\ Область навигации).

Расширенные возможности вставки оглавления

Оглавление возможно создать использую стили, которые не являются заголовками. В таком случае необходимо воспользоваться дополнительными параметрами настройки оглавления документа (см. рис. 4.3).

Рис 4.3 Создание оглавления, используя произвольные стили

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

Использование стилей и многоуровневого списка при создании названий объектов документа (рисунков, таблиц)

Многоуровневый список, в сочетании со стилями, прекрасно подходят для нумерации различного рода объектов документа, например, рисунков, таблиц, нумерации формул. Для нумерации перечисленных объектов существует более очевидная возможность текстового процессора, которая находится на вкладке «Ссылки», группа «Название», элемент «Вставить название». Данная возможность будет рассмотрена позже.

Вернемся к используемому раньше документу с созданными стилями типа «Заголовок» и создадим дополнительные стили для оформления подписей рисунков и таблиц.

Таким образом, подпись объекта (рисунка или таблицы) будет автоматически появляться при выборе соответствующего стиля либо через команду вставки многоуровневого списка группы «Абзац» вкладки «Главная» (рис. 4.4).

Рис. 4.4 Вставка многоуровневого списка

Вставка подписей объектов документа с помощью команды «Вставить название»

Существует второй способ (более очевидный) создания подписей объектов, используя команду «Вставить название». Рассмотрим его более детально.

Рис. 4.5 Примеры индивидуального оформления элементов документа

Источник

Оформление заголовков

Заголовок – строка текста, отражающая содержание нижеследующей текстовой информации.

Для оформления заголовков в документе предназначены предустановленные по умолчанию стили, имена которых Заголовок1, Заголовок2, …Заголовок9.

Стилем Заголовок1 оформляются заголовки первого уровня (разделы), стилем Заголовок2 – заголовки второго уровня (главы, параграфы), стилем Заголовок3 – заголовки третьего уровня (подглавы), стилем Заголовок4 – заголовки следующего уровня вложенности, и т.д.

Оформление таким образом требуется прежде всего для определения четкой структуры текстовой информации, для создания автоматического оглавления, для упрощения процесса форматирования и верстки.

Внимание!Оформление заголовков определенными стилями является обязательным требованием технологии.

Стили Заголовок1 – Заголовок9 являются предустановленными, и, как следствие, содержат предустановленные настройки для форматирования текста. При необходимости их необходимо изменить через диалог Формат ® Стиль как было рассмотрено выше. Следует отметить, что по умолчанию в данном диалоге отображаются далеко не все предустановленные стили документа – по умолчанию отражаются только используемые в документе стили. Для того, чтобы просмотреть список всех стилей документа необходимо при использовании списка стилей документа на панели инструментов Форматирование удерживать нажатой клавишу Shift, а при работе с диалогом Формат ® Стиль необходимо выбрать в параметре «Список» значение «Всех стилей» как показано на рисунке:

Далее по рассмотренной ранее схеме возможно изменить параметры стиля нажав кнопку «Изменить», что было рассмотрено ранее на примере изменения настроек стиля обычный.

Существуют некоторые правила при установке стилей заголовков:

1. Шрифт заголовка не должен быть визуально меньше шрифта основного текста, т.е. шрифт заголовка должен быть визуально таким же или больше любого шрифта другого текста. (Напоминаем, что шрифт Arial 12 пт визуально равен по размеру шрифту Times New Roman 14 пт).

2. Шрифт заголовка более высокого уровня должен быть не меньше шрифта заголовка менее высокого уровня (шрифт заголовка главы не может быть меньше шрифта заголовка подглавы).

3. Все заголовки документа должны быть оформлены в едином стиле: желательно для всех стилей заголовков назначить один шрифт, а вложенность отражать размером шрифта:

Заголовок 1

Заголовок 2

Заголовок 3

Если нет возможности изменять размер шрифта заголовков (например, существует требование, что все заголовки должны бать оформлены шрифтом, размером в 14 пунктов), то вложенность лучше отражать нумерацией заголовков, что придаст документу более строгий вид

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

Возможно также и сочетание рассмотренных приемов для увеличения значимости заголовков и наглядности их вложенности.

Оформление заголовков документа с помощью стилей позволяет более эффективно работать с документом. В частности, существенно улучшается навигация (процесс перемещения) по документу. Теперь для этого можно использовать инструмент Схема документапанели инструментов Стандартная.

После активации инструмента Схема документа рабочая область окна разделяется на две части как показано на рисунке:

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

При увеличении объема и сложности документа инструмент Схема документав ряде случаев оказывается просто незаменимым. В частности, для тех случаев, когда необходимо видеть на экране одновременно текст документа и его структуру, отраженную заголовками и их соподчиненностью.

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

Контекстное меню окна позволяет скрыть при необходимости некоторые уровни структуры документа.

Внимание!Форматирование большого документа начинается с выявления его структуры. Для этого необходимо использовать инструмент Схема документа.

Схема документа должна четко отражать структуру документа. Если схема документа не отражает его структуры, то это говорит о том, что документ был неправильно обработан (отформатирован). Под правильным форматированием понимается форматирование документа с использованием стилей.

Форматирование документов по принципу «выделить блок – изменить оформление, выделить блок – изменить оформление,…» допустимо только для относительно небольших документов (1-5 страниц). Если объем документа более 5 страниц, то необходимо производить форматирование по принципу «выделить блок текста – назначить группу настроек, закрепленных за определенным стилем,…». Если в первом случае необходимо для каждого блока выполнять одни и те же действия по форматированию (например, сначала изменение шрифта, потом – изменение параметров абзаца и т.п.), то во втором случае к выделенному тексту применяется сразу целый набор настроек форматирования, что позволяет говорить об увеличении скорости форматирования документов.

Следует сказать также о наличии такого средства форматирования документов, как Автоформат,которое проводит «автоматическое» форматирование документа. Результатом выполнения операции Автоформат (Формат ® Автоформат) будет является документ с полностью нарушенной структурой. Средство Автоформат присваивает блокам текста определенные стили только на основе сдвига блоков текста относительно друг друга, что и приводит к ошибкам, связанным с неправильной интерпретацией роли каждого конкретного текстового блока в структуре документа.

Источник