Список (типографика)

Спи́сок в типографике — способ оформления различного рода перечислений или перечней. Каждый элемент списка начинается с маркера списка или номера-буквы и весь текст списка не должен выступать влево за них.

Использование списков играет ключевую роль в структурировании информации и визуальном разделении текста, что значительно улучшает восприятие материала и позволяет создавать чёткую иерархию данных[1].

Списки могут быть:

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

История

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

Современные маркированные списки получили широкое распространение значительно позже. В традиционной русской типографике для обозначения пунктов перечня долгое время использовалось тире. Широко известный сегодня маркер в виде жирной точки (буллит) стал популярен лишь в XX веке с распространением компьютерных текстовых редакторов (стандартный символ маркера-точки был включён в Юникод в 1993 году).

Маркированные списки

Маркированные (неупорядоченные) списки применяются для оформления перечней, в которых последовательность элементов не имеет значения. Их основная задача — структурировать информацию и разбивать сплошной текст на блоки для облегчения восприятия. Каждый пункт такого списка начинается со специального типографского знака — маркера (буллита)[3].

В качестве маркеров могут использоваться разнообразные символы:

  • традиционные маркеры: в классической русской типографике в этой роли чаще всего выступает длинное тире (—)[4];
  • стандартные веб-маркеры: с развитием компьютерной вёрстки и веб-стандартов (в частности, HTML) широкое распространение получили закрашенные (•) и незакрашенные (◦) кружки, а также квадраты (▪)[5];
  • специальные символы и иконки: в зависимости от дизайна могут применяться стрелки, звёздочки, эмодзи и специально разработанные графические элементы[6][7].

Нумерованные списки

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

заглавный вариант (I, II, III, IV, V…) строчный вариант (i, ii, iii, iv, v…) — в России не распространён

  • русские буквы — буквы ё, й, ъ, ы, ь пропускаются:

заглавный вариант (А, Б, В, Г, Д, Е, Ж, З, И, К…) строчный вариант (а, б, в, г, д, е, ж, з, и, к…)

  • латинские буквы — буква i или j может пропускаться:

заглавный вариант (A, B, C, D, E, F, G, H, (I, J), K…) строчный вариант (a, b, c, d, e, f, g, h, (i, j), k…)

  • греческие буквы

заглавный вариант (Α, Β, Γ, Δ, Ε…) строчный вариант (α, β, γ, δ, ε…)

  • другие национальные алфавиты

При алфавитной нумерации традиционно пропускаются некоторые буквы. В русском алфавите исключаются Ё, Й, З, О, Ч, Ь, Ы, Ъ во избежание визуального сходства с цифрами и другими буквами, а также потому, что с некоторых из них не начинаются слова. При использовании латинского алфавита допускается пропуск букв i и j, чтобы избежать путаницы с римской цифрой I и арабской цифрой 1.

Выбор знака препинания после цифры или буквы зависит от синтаксической структуры списка. Точка ставится для самостоятельных предложений высшего уровня, при этом текст пункта начинается с прописной буквы. Закрывающая скобка используется для зависимых элементов, являющихся частями одного предложения, которые начинаются со строчной буквы[5][8].

Многоуровневые списки

Списки могут быть многоуровневыми; в таких списках часто используют нарастающие абзацные отступы.

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

Нумерация верхних уровней может включаться в нумерацию более низких уровней: например, элемент третьего уровня может нумероваться как 4.16.2 или IV.16.β.

Основной принцип визуального оформления многоуровневых списков — использование нарастающих абзацных отступов для каждого уровня вложенности[9]. Хотя единого универсального стандарта величины отступа не существует, на практике каждый последующий уровень сдвигается вправо (например, согласно некоторым рекомендациям, отступ первого уровня составляет 1,25 см, а каждого последующего увеличивается на 0,5 см). Маркеры или номера при этом, как правило, выравниваются по левому краю относительно установленного для их уровня отступа[10].

В сложных технических и нормативных документах (в частности, согласно стандартам ГОСТ в России) применяется строгая иерархическая нумерация арабскими цифрами. Номер каждого вложенного элемента состоит из номеров раздела, подраздела, пункта и подпункта, разделённых точками (например, 1.1.1)[11][12]. При этом нумерация основных структурных единиц является сквозной в пределах всего документа.

Оформление и пунктуация

Требования к оформлению перечней в текстах научных статей определяются общими правилами типографики, а также специализированными стандартами, в первую очередь ГОСТ Р 2.105-2019 «Единая система конструкторской документации. Общие требования к текстовым документам»[13].

Выбор знака препинания в конце элементов списка зависит от их структуры и сложности:

  • запятая ставится, если элементы перечисления простые (состоят из одного или нескольких слов) и не имеют внутри других знаков препинания[8];
  • точка с запятой используется, если элементы списка более распространены или уже содержат внутри себя знаки препинания (например, запятые)[14];
  • точка ставится в конце каждого элемента, если он представляет собой самостоятельное законченное предложение. В конце всего списка также всегда ставится точка[15].

Выбор регистра первой буквы пункта зависит от самостоятельности предложения и предшествующего знака препинания:

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

Списки в HTML и CSS

В HTML имеются готовые конструкции для создания списков:

  • ненумерованный список начинается тегом <ul> и завершается тегом </ul>
  • нумерованный список начинается тегом <ol> и завершается тегом </ol>
  • элемент списка начинается тегом <li> и завершается тегом </li>
  • для создания многоуровневых списков несколько простых списков вкладываются друг в друга

Для тега <ol> предусмотрены дополнительные атрибуты: логический атрибут reversed позволяет создать список с обратным (убывающим) порядком нумерации[16], а атрибут start задаёт начальное числовое значение, с которого будет начинаться перечисление[17].

В CSS для оформления списков определены свойства list-style-type, list-style-image, list-style-position и list-style.

Для стилизации маркеров элементов списка применяется псевдоэлемент ::marker, позволяющий изменять их цвет, шрифт, а также заменять стандартный маркер на собственный символ или строку[18]. Для создания сложных многоуровневых списков используются CSS-счётчики (свойства counter-reset и counter-increment), которые дают возможность полностью контролировать формат и разделители номеров[19]. Кроме того, CSS-функции sibling-index() и sibling-count() позволяют динамически стилизовать элементы списка (например, задавать каскадные анимации) на основе их порядкового номера и общего количества элементов на одном уровне без использования JavaScript[20][21].

Консорциум W3C рекомендует использовать семантически корректные HTML-теги для обеспечения доступности веб-страниц. При использовании стандартных тегов программы чтения с экрана (скринридеры) корректно распознают структуру, озвучивая наличие списка и количество элементов в нём. В случаях, когда применение нативных элементов невозможно, для сохранения семантики используются роли WAI-ARIA (role="list" для контейнера и role="listitem" для элементов)[22][23].

Примечания