Маркированные списки позволяют разбить большой текст на отдельные блоки. Тем самым привлекается внимание читателя к тексту и повышается его читабельность. С учетом того, что восприятие текста с экрана монитора хуже, чем с его печатного варианта, это является весьма полезным приемом.
Для установки маркированного списка используются теги UL и LI (пример 1).
Пример 1. Создание маркированного спискаЧто следует учитывать при тестировании сайта:
<ul>
<li>работоспособность всех ссылок</li>
<li>поддержку разных браузеров</li>
<li>читабельность текста</li>
</ul>
Ниже показан результат примера 1.
Что следует учитывать при тестировании сайта:
|
Обратите внимание, что у маркированного текста появляются отступы сверху и снизу. Чтобы от них избавиться, список можно делать без тега UL. При этом исчезнут и отступы текста перед маркерами.
Пример 2. Создание маркированного списка без отступовЧто следует учитывать при тестировании сайта:
<li>работоспособность всех ссылок</li>
<li>поддержку разных браузеров</li>
<li>читабельность текста</li>
Ниже показан результат примера 2.
| Что следует учитывать при тестировании сайта:
|
Маркеры могут принимать один из трех видов: круг (по умолчанию), окружность и квадрат. Для выбора типа маркера используется параметр type=... тега UL. Вместо многоточия подставляется одно из трех значений указанных в таблице.
| Код HTML | Пример |
|---|---|
| <ul type="disc"> | Что следует учитывать при тестировании сайта:
|
| <ul type="circle"> | Что следует учитывать при тестировании сайта:
|
| <ul type="square"> | Что следует учитывать при тестировании сайта:
|
С помощью CSS этот список можно расширить и вместо встроенных символов использовать в качестве маркера рисунки.