Оформление маркированных и нумерованных списков

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

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

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

Виды списков

Списки бывают:
• маркированными и нумерованными,
• одно- и многоуровневыми.

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

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

В HTML нумерованный список оформляется парными тегами <ol> и <li>

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

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

Маркированные списки на сайте оформляются парными тегами <ul> и <li>

Элементы маркированных списков могут обозначаться разными символами: точкой, кругом, квадратом, тире и т.д. С помощью CSS можно прописать собственный маркер обозначения пункта маркированного списка. В таком случае, тегу <ul> присваивается класс.

Одно- и многоуровневые списки

Одноуровневые списки содержат элементы без вложений. Это обычные перечни без дополнительных уровней. Например:

• пункт 1
• пункт 2
• пункт 3

Многоуровневые перечни — это списки с пунктами разных уровней. То есть элемент списка содержит подпункты.

• пункт 1
• пункт 2
  • пункт 2.1
  • пункт 2.2
• пункт 3

В HTML-коде многоуровневый список обозначается так:

Пунктуация в списках

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

Знак препинания во вводной фразе

Вводная фраза перед списком оканчивается двоеточием, если:
• в ней содержится указание на то, что далее последует перечень;
• список раскрывает детали того, о чем написано в вводной фразе;
• перечень непосредственно продолжает текст.

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

Если элемент списка обозначается цифрой или буквой с точкой, то текст элемента пишется с прописной буквы.
Если элемент списка обозначается цифрой или буквой со скобкой, то текст элемента пишется со строчной буквы.

Знаки препинания в конце пунктов

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

Общие правила оформления списков:

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

2Первые слова пунктов не должны повторяться. Заменяйте их синонимы, перефразируйте.

3Ввводная фраза, предваряющая список, должна описывать его содержание.

4Пункты списка должны быть примерной одинаковыми по длине. «Прыгающие» строки выглядят неряшливо.

5В списке должно быть больше двух пунктов, иначе он будет смотреть куце. Если же нужно сделать только 2 пункта, то они должны быть объёмными.

6Если пункты состоят из нескольких предложений, первое можно выделить жирным шрифтом.

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