HTML

<ul> и <ol>

В этом уроке мы с вами рассмотрим списки. Все понимают, что такое списки – это какой-то набор текста, который что-то перечисляет. Для этого нам нужно создать тег «ul», который создаёт список. Внутри него поставить теги «li», которые являются элементами списка. Допустим, давайте напишем просто «Раз», «Два», «Три». Для этого каждый элемент списка, то есть каждую «словарную цифру», назовём её так, мы пишем теги «li».

<ul>
  <li>Раз</li>
  <li>Два</li>
  <li>Три</li>
</ul>

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

Есть ещё один элемента списка, в котором тело пишется не через «ul», а через «ol». В таком случае у нас появятся не точечки, а циферки, то есть «1», «2», «3» – перечисление.


Это два типа списка, которые называются маркированный список и нумерованный список. Я думаю, понятно, какой здесь какой, но всё-таки давайте на всякий случай уточню.Нумерованный, где идут циферки 1, 2, 3. И маркированный, потому что у них есть маркеры, то есть точечки.

Опять же хочу уточнить правила использования списка. Не нужно списки вставлять куда попало и везде всё делать на списках. Это тоже неправильно. Точно такое же правило, как и для тега «p»: списки используем только в том случае, если у вас на странице реально есть какой-то список, вам нужно что-нибудь перечислить. Допустим, вы на странице делаете перечисление автомобилей, которые вы хотите купить в ближайшие 10 лет. (Мало ли, может, у вас есть такой список.) И тогда вы пишите «ul» и здесь перечисляете Audi, BMW и ВАЗ. И вот, у вас появляется список того, что вы хотите купить. Ни в коем случае в других обстоятельствах списки не используются.

Ещё один момент, когда используются списки, это если вы делаете какое-то меню на странице. Допустим, у вас есть «Главная», «О нас», «Контакты». Тогда да, можно использовать список, и вы просто с помощью CSS визуально изменяете его, и он будет выглядеть так как вам нужно. Тогда вы тоже можете использовать по правилам список. Всё. В других случаях больше не надо его никуда вставлять. Ну или если очень-очень-очень надо и там припирает вставить и никак по-другому. Но используем, только если список и только если меню.