Списки

Определение: Списки — это способ оформить набор однотипных пунктов на странице (перечень, шаги, требования). В HTML для этого обычно используют <ul> (маркированный список) и <ol> (нумерованный список), а каждый пункт оформляют тегом <li>.

Зачем это нужно

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

Пример

Пример кода:

<ul><li>Аудит сайта</li><li>Семантика</li><li>Оптимизация</li></ul>

Скриншот

Подпись к скриншоту: покажите на странице реальный список (например, “Преимущества” или “Этапы работ”) и в редакторе/коде, что он оформлен тегами <ul> или <ol> с пунктами <li>

Частые ошибки

• Делать “список” переносами строк через <br> вместо <ul>/<ol>.
• Путать типы: ставить <ul> там, где важен порядок шагов (лучше <ol>).
• Слишком длинные пункты: получается снова абзац, а не список.
• Смешивать разные смыслы в одном списке (например, характеристики и условия вместе).
• Прятать маркеры и нумерацию “ради дизайна”, не оставляя визуальных разделителей между пунктами.

Связанные термины

• UL
• OL
• LI
• Абзац
• Заголовки H1–H6
• Семантика HTML
• Типографика

Наши услуги

• Создание корпоративных сайтов — сделаем структуру страниц: заголовки, абзацы, списки, блоки преимуществ и этапов.
• Доработка сайтов — поправим верстку и подачу текста, чтобы списки выглядели аккуратно и читались.
• SEO-продвижение сайтов — улучшим структуру контента и смысловые блоки, чтобы посетителю было проще выбрать.