Ul li

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

Такой список представляет собой перечень «пронумерованный» каким-либо образом. Это могут быть арабские цифры, цифры римского алфавита или буквы.

Чтобы указать браузеру, что список будет нумерованным, используются теги <ol></ol>. Весь список располагается между этими тегами и каждый его пункт задается тегами <li></li>.

Пример кода для нумерованного списка: Результат: Как видите, по умолчанию нумерация ведется арабскими цифрами. Это можно изменить с помощью параметра type:

type=»A» — нумерация заглавными латинскими буквами (A, B, C).

type=»a» — нумерация прописными латинскими буквами (a, b, c).

type=»I» — нумерация большими римскими цифрами (I, II, III) .

type=»i» — нумерация маленькими римскими цифрами (i, ii, iii).

Пример кода с римскими цифрами: Результат: Если нам нужно начать нумерацию не с единицы, то следует использовать параметр start, в качестве значения которого указывается число, с которого будет начинаться список (если нумерация задается с помощью букв, то это число будет указывать на позицию в алфавите).

Пример кода: Результат: У тега <li&gt можно задать параметр value, который позволяет изменить номер данного элемента списка. При этом изменяется нумерация и всех последующих элементов.

Пример кода: Результат:

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

В маркированном списке вместо букв и цифр используются маркеры. Чтобы указать браузеру, что список будет маркированным, используются теги <ul></ul>. Весь список располагается между этими тегами и каждый его пункт задается тегами <li></li>.

Пример кода для маркированного списка: Результат: По умолчанию маркер отображается в виде черного кружочка. Это можно изменить с помощью параметра type:

type=»disc» — закрашенный кружочек.

type=»circle» — пустой кружочек.

type=»square» — закрашенный квадратик.

Пример кода для маркированных списков: Результат:

Списки определений

Таки списки используются в словарях. Каждый пункт состоит из двух частей: термин и его определение. Чтобы указать браузеру, что будет список определений, используются теги <dl></dl>. Каждый термин заключается в теги <dt></dt>, а их определения — в теги <dd></dd>.

Пример кода списка определений: Результат:

Вложенные списки

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

Пример кода многоуровневого списка: Результат: Уровень вложенности может быть любым, главное не запутайтесь. На этом седьмой урок закончен. В следующем уроке мы рассмотрим работу с изображениями.

www.site-do.ru

Маркированные HTML списки — теги ul и li

Маркированный список определят тег ul. Между открывающим и закрывающим тегами ul располагаются элементы списка, содержание каждого из которых должно быть в свою очередь располагаться между открывающим и закрывающим тегами li. Сразу отмечу, что тег ul является парным (наличие открывающего и закрывающего тега), а также блочным, то есть образует контейнер, в который входят элементы (строки), образуемые каждый раз тегом li. Соответственно тег li является парным и строчным.

   &lt;ul&gt;   &lt;li&gt;1 элемент маркированного списка&lt;/li&gt;   &lt;li&gt;2 элемент маркированного списка&lt;/li&gt;   &lt;li&gt;3 элемент маркированного списка&lt;/li&gt;   &lt;/ul&gt;
  • 1 элемент маркированного списка
  • 2 элемент маркированного списка
  • 3 элемент маркированного списка

По умолчанию внешний вид маркера представляется закрашенным кружком. Однако, можно изменить его внешний вид, применив атрибут type, который имеет следующие значения: disc, circle, square. Значение disc (которое определяет внешний вид маркера в виде закрашенного кружка) применяется по умолчанию. То есть если атрибут type не прописан, то внешний вид маркера будет выглядеть как закрашенный кружок. Если дополнить данными атрибутами тег ul, то получим следующие варианты:

   &lt;ul&gt;   &lt;li type=&quot;disc&quot;&gt;1 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;disc&quot;&gt;2 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;disc&quot;&gt;3 элемент маркированного списка&lt;/li&gt;   &lt;/ul&gt;
  • 1 элемент маркированного списка
  • 2 элемент маркированного списка
  • 3 элемент маркированного списка
   &lt;ul&gt;   &lt;li type=&quot;circle&quot;&gt;1 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;circle&quot;&gt;2 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;circle&quot;&gt;3 элемент маркированного списка&lt;/li&gt;   &lt;/ul&gt;
  • 1 элемент маркированного списка
  • 2 элемент маркированного списка
  • 3 элемент маркированного списка
   &lt;ul&gt;   &lt;li type=&quot;square&quot;&gt;1 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;square&quot;&gt;2 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;square&quot;&gt;3 элемент маркированного списка&lt;/li&gt;   &lt;/ul&gt;
  • 1 элемент маркированного списка
  • 2 элемент маркированного списка
  • 3 элемент маркированного списка

Естественно, каждому маркеру отдельного элемента маркированного списка можно придать свой внешний вид, прописав соответствующие значения атрибута type.

   &lt;ul&gt;   &lt;li type=&quot;disc&quot;&gt;1 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;circle&quot;&gt;2 элемент маркированного списка&lt;/li&gt;   &lt;li type=&quot;square&quot;&gt;3 элемент маркированного списка&lt;/li&gt;   &lt;/ul&gt;
  • 1 элемент маркированного списка
  • 2 элемент маркированного списка
  • 3 элемент маркированного списка

Нумерованные HTML списки — теги ol и li

Теперь посмотрим, как образуется нумерованный список с помощью тегов ol (блочный и парный тег по аналогии с ul). В качестве тега, определяющего элементы нумерованного списка html, здесь тоже выступает тег li. Нумерованный список — совокупность пронумерованных элементов. Тип нумерации определяется атрибутом type, который может принимать следующие значения:

  • A — заглавные латинские буквы;
  • a — строчные латинские буквы;
  • I — заглавные римские цифры;
  • i — строчные римские цифры;
  • 1 — арабские цифры
   &lt;ol&gt;   &lt;li type=&quot;A&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;A&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;A&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка
   &lt;ol&gt;   &lt;li type=&quot;a&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;a&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;a&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка
   &lt;ol&gt;   &lt;li type=&quot;I&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;I&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;I&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка
   &lt;ol&gt;   &lt;li type=&quot;i&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;i&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;i&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка
   &lt;ol&gt;   &lt;li type=&quot;1&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;1&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;1&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка

Также можно обеспечить нумерованный список, где нумерация элементов осуществляется в обратном порядке, например: 3, 2, 1. Это осуществляется с помощью атрибута reserve тега ol.

   &lt;ol reversed&gt;   &lt;li type=&quot;1&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;1&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;1&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка

Существует также возможность начать маркированный список не с 1, а с любого другого числа. Для этого можно воспользоваться атрибутом start, причем совершенно не важно, какое значение атрибута type установлено. Посмотрите пример использования атрибута name в совокупности с различными значениями атрибута type (1 и I):

   &lt;ol start=&quot;5&quot;&gt;   &lt;li type=&quot;1&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;1&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;1&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка
   &lt;ol start=&quot;4&quot;&gt;   &lt;li type=&quot;I&quot;&gt;1 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;I&quot;&gt;2 элемент нумерованного списка&lt;/li&gt;   &lt;li type=&quot;I&quot;&gt;3 элемент нумерованного списка&lt;/li&gt;   &lt;/ol&gt;
  1. 1 элемент нумерованного списка
  2. 2 элемент нумерованного списка
  3. 3 элемент нумерованного списка

goldbusinessnet.com

Как оформляются списки в HTML?

Списки бывают нумерованными и ненумерованными.

Нумерованные списки выводятся кодом:

<ol>Список с цифрами  	<li>пункт 1</li>  	<li>пункт 2</li>  	<li>пункт 3</li>  </ol>

Не нумерованные списки выводятся кодом:

<ul>Список с галочками или другими символами  	<li> пункт 1</li>  	<li> пункт 1</li>  	<li> пункт 1</li>  </ul>

Каждый пункт любого списка заключается в тег li. Все пункты списка заключаются в один общий тег ul или ol. Стили этих тегов прописываются в таблице стилей.

Для каждого тега присваиваются определенные стили оформления. В них указываются отступы от текста.

Для нумерованного списка прописываются стили нумерации для каждого пункта.

Стандартные арабские цифры описываются значением decimal.

list-style-type: decimal; /*арабские цифры*/

Для маркерованного списка указывается стиль символов — квадратики или кружочки.

list-style-type: circle; /*кружки*/
list-style-type: square; /*квадраты*/

Каждому пункту меню можно назначить изображение.

list-style-image: url(‘путь к изображению’);

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

Где стили списков прописаны в шаблоне Twenty Eleven?

Откройте файл стилей style.css. Найдите раздел с названием /* Text elements */

Стандартный код выглядит вот так:

Ul li

Как оформить нумерованный список?

Нумерованный список с использованием фона

Посмотрите вот на такое симпатичное оформление нумерованного списка.

Ul li

Нравится? Давайте повторим.

Найдите стили для тега ol. Пропишите к нему новые свойства.

ol {  padding: 0px 0 0 20px;  margin: 0.5em 0 1.571em 1.9em;  color: #2E2E2E;  list-style-type: none;  font: 15px/17px Verdana, Arial, Helvetica, sans-serif;  z-index: 2;  counter-reset: point;  }     ol li {  margin-bottom: 4px;  line-height: 1.6;  color: #2E2E2E;  position: relative;  }     ol li:before {  margin-bottom: 4px;  counter-increment: point 1;  line-height: 1.6;  height: 24px;  margin-left: -36px;  left: 0px;  width: 24px;  margin-top: 1px;  background: #BDC3C7;  content: counter(point);  text-align: center;  position: absolute;  font-weight: bold;  }

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

list-style-type: none; — отключает вывод стандартных цифр
counter-reset: point; — задает переменную для счетчика нумерации
position: relative; — размещает нумерацию возле самих пунктов

before — псевдоэлемент для тега ol li. Имеет следующие стили:
content: counter(point); — выводит значение переменной
counter-increment: point 1; — увеличивает счетчик на 1
position: absolute;
background: #BDC3C7; — фон для цифр (фон можно задать цветом или красивой иконкой
margin – внешние отступы
padding – внутренние отступы
color – цвет текста элемента
background – фон
text-align – выравнивание текста
font-weight – толщина (насыщенность) шрифта

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

Нумерованный список с уникальным изображением для каждого пункта

На одном женском сайте есть очень привлекательные нумерованные списочки.

Ul li

Как это реализовано? Давайте рассмотрим следующий код:

/*первый номер*/  ol li:first-child {  list-style-image: url(путь к изображению с цифрой 1);  }     /*второй номер*/  ol li:nth-child(2n) {  list-style-image: url(путь к изображению с цифрой 2);  }     /*третий номер*/  ol li:nth-child(3n) {  list-style-image: url(путь к изображению с цифрой 3);  }     /*четвертый номер*/  ol li:nth-child(4n) {  list-style-image: url(путь к изображению с цифрой 4);  }  /*Далее прописываем точно также только для следующих номеров пунктов*/

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

Если в списках в статьях вы используете до 20 нумерованных пунктов, то нужно прописать псевдокласс nth-child(An) 20 раз. Так чтобы последним в стилях шел псевдокласс nth-child(20n).

Найдите в файле стилей строчки, которые описывают оформление нумерованного списка (теги ol li).

Допишите в него псевдокласс first-child. Скопируете и вставьте его один раз, затем измените данное свойство на nth-child(An) и скопируете столько, сколько номеров должны иметь свою иконку. Проставьте номера пунктов.

Для каждого номера пропишите свойство list-style-image с собственной уникальной иконкой.

Если иконки на сайте располагаются далеко от пунктов или накладываются на них, то нужно отредактировать выравнивание и отступы цифровых иконок или текста пунктов.

Как оформить маркированный (ненумерованный) список?

Маркированный список ul li с чередующимися иконками

Мне очень понравился вот такой маркированный список

Ul li

ul {  padding: 11px 0 5px 0;  }     ul li {  padding-left: 32px;  margin-bottom: 10px;  font: normal 15px Verdana, sans-serif;  color: #2E2E2E;  line-height: 1.6;  border-bottom: 1px dashed #ccc;  padding-bottom: 10px;  }     ul li:before {  content: "";  position: absolute;  width: 27px;  height: 24px;  margin-left: -35px;  margin-top: -2px;  background: url('images/sprite.jpg') 0px 2px no-repeat;  list-style-type: circle;  }     ul li:nth-child(2n):before {  content: "";  position: absolute;  width: 27px;  height: 43px;  margin-left: -35px;  margin-top: -2px;  background: url('images/sprite.jpg') 0px -17px no-repeat;  list-style-type: circle;  }

Можно вместо стандартного стиля list-style-type назначить свойство «путь к иконке» — list-style-image:url. Но тогда нужно прописать внешний левый отступ от краешков сайта — без него иконки не будут отображаться, уйдут за зону области контента.

Для эксперимента можно назначить отступы:

ul li{  list-style-image: url(images/radio.png);  margin-left: 30px;  }

Чередование иконок можно задать свойством nth-child(An). В приведенном примере использован псевдоэлемент before.

В коде прописан один псевдокласс nth-child(2n). Его значение — 2. Получается, что каждому четному пункту соответствует другая иконка. Если вместо 2n написать 2n+1, то другая иконка будет приходиться на нечетные пункты.

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

Также каждому пункту можно назначить рамочки, фон, иконки. Только не перемудрите. Наша задача — не сразить всех наповал навороченным дизайном, а улучшить качество восприятия контента.

Как вывести на странице несколько списков с разным оформлением?

Иногда нужно разместить несколько списков с разными стилями.

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

Если назначить общие стили, то одно и то же оформление будет присвоено всем спискам. Разные списки можно вывести, если назначить тегу ol или ul отдельный id и прописать его в html режиме редактирования статьи. Ну а в файле стилей для этого id нужно прописать отдельные стили.

Вот, например, один симпатичный вариант оформления содержания:

Ul li

В HTML вы пропишите список так:

<ol id="sod">Содержание  	<li>пункт 1</li>  	<li>пункт 2</li>  	<li>пункт 3</li>  </ol>

В CSS вы пропишите стили так:

ol#sod{  padding: 0px 20px 10px 51px;  margin: 0.5em 0 0em 1em;  color: #2E2E2E;  list-style-type: none;  background: #f1f4f5;  border-left: #BDC3C7 4px solid;  display: inline-block;  }     ol#sod li{}     ol#sod li:before{  font-weight:normal !important  }

Новый стиль отличается от основного оформлением тега ol: фоном, стилем отображения, линией слева от содержимого.

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

Эти методы применимы и в дизайне пунктов меню, рубрик и любых других элементов сайта.

foxyforex.ru

Второй способ

Разместить элементы списка горизонтально можно используя свойство float. Это свойство указывает по какой стороне выравнивается элемент, имеет две позиции: left и right.

Вот пример с использованием этого кода:

<!DOCTYPE html> <html> <head> 	<title>Список горизонтально</title> <style> ul.menu-top > li {  float: left; /* разещаем список горизонтально */  list-style: none;	/* Убираем маркеры списка */  padding: 5px;  margin: 2px;  border: 1px solid #000000;  background-color: #fffff0; } </style> </head> <body> <ul class="menu-top"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  </body> </html>

Вот результат работы кода:

CSS: как разместить элементы списка горизонтально: работа примера №4
Рисунок 4. Работа примера.

Вроде пример работает. Но в использовании этого свойства есть один нюанс. Сейчас мы его рассмотрим. Для примера возьмём код, в котором есть два горизонтальных списка с разным способом расположения элементов горизонтально: display и float:

<!DOCTYPE html> <html> <head> 	<title>Список горизонтально</title> <style> ul{ 	border: 1px solid red; } ul.menu-1 > li, ul.menu-2 > li { 	list-style: none;	/* Убираем маркеры списка */ 	padding: 5px; 	margin: 2px; 	border: 1px solid #000000; 	background-color: #fffff0; } /* разещаем списки горизонтально */ ul.menu-1 > li { 	float: left; } ul.menu-2 > li { 	display: inline-block; } </style> </head> <body> <ul class="menu-2"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  <ul class="menu-1"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  </body> </html>

Вот результат работы кода:

CSS: как разместить элементы списка горизонтально: работа примера №5
Рисунок 5. Работа примера.

В этих примерах контейнеры списка <ul> имеют красную границу толщиной 1 пиксел. Но верхний список, в котором используется свойство display, включает в себя элементы списка. А вот элементы списка созданного с использованием свойства float выпадают из своего контейнера.

При этом на первый взгляд всё работает. Но давайте поменяем местами наши списки. Поставим список с классом menu-1 в коде перед списком с классом menu-2 (сейчас он ниже).

Вот что мы получим в результате:

CSS: как разместить элементы списка горизонтально: работа примера №6
Рисунок 6. Работа примера.

Пункты нижнего меню также обтекают вержнее меню, ведь действие свойства float никто не отменял и оно распространяется на все последующие элементы.

Как решить эту проблему?

Для этого нужно использовать свойство clear, оно отменяет обтекание элементом другого элемента, если у того установлено свойство float.

Вот изменённый пример с использованием свойства clear:

<!DOCTYPE html> <html> <head> 	<title>Список горизонтально</title> <style>  ul{  border: 1px solid red;  }  ul.menu-1 > li, ul.menu-2 > li {  list-style: none;	/* Убираем маркеры списка */  padding: 5px;  margin: 2px;  border: 1px solid #000000;  background-color: #fffff0;  }  /* разещаем списки горизонтально */  ul.menu-1 > li {  float: left;  }  ul.menu-2 > li {  display: inline-block;  }  /* отменяем обтекание */  .menu-2{  	clear: both;  } </style> </head> <body> <ul class="menu-1"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  <ul class="menu-2"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  </body> </html>

Видно что нижний список уже не обтикает верхний, элементы не наезжают друг на друга. Но в первом списке теги <li> всё ещё располагаются вне контейнера <ul>.

CSS: как разместить элементы списка горизонтально: работа примера №7
Рисунок 7. Работа примера.

Кроме того, в работе нам не всегда известно какой элемент будет следовать за элементом использующим float. Идеальный был бы вариант закрытия работы свойства float в том же блоке, в котором он открыт.

Это делается при помощи псевдоэлемента. Вот код:

<!DOCTYPE html> <html> <head> 	<title>Список горизонтально</title> <style>  ul{  border: 1px solid red;  }  ul.menu-1 > li, ul.menu-2 > li {  list-style: none;	/* Убираем маркеры списка */  padding: 5px;  margin: 2px;  border: 1px solid #000000;  background-color: #fffff0;  }  /* разещаем списки горизонтально */  ul.menu-1 > li {  float: left;  }  /* создаём псевдоэлемент для clear: both; */  ul.menu-1::after{  content: '.';	/* обязательно контент */  display: block;	/* обязательно блок */  clear: both;  height: 0;	/* чтобы не растягивал контейнер */  }  ul.menu-2 > li {  display: inline-block;  } </style> </head> <body> <ul class="menu-1"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  <ul class="menu-2"> 	<li>Пункт 1</li> 	<li>Пункт 2</li> 	<li>Пункт 3</li> </ul>  </body> </html>

Теперь у нас 100% рабочий код.

CSS: как разместить элементы списка горизонтально: работа примера №8
Рисунок 8. Работа примера.

Этот приём со свойством float обычно используют при вёрстке сайтов для выравнивания столбцов, которые создаются тегами <div>. Таким способом мы получаем нормальное построение столбцов с требуемым выравниванием по высоте. Когда мы создаём меню, то нам, в большенстве случаев, не важна высота блоков, она практически всегда одинакова. Поэтому использование правила {display: inline-block} в этих случаях вполне оправдано.

Но для полноты раскрытия темы мы тут ознакомились со всеми возможными вариантами. Хотя может есть и другие способы, например использование CSS-таблиц, но поисковики настойчиво рекомендуют использовать таблицы только по их прямому назначению, а не для организации элементов навигации или ещё как-либо.

komotoz.ru

You May Also Like

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.