Спецсимволы HTML

Специальные HTML символы, или спецсимволы HTML, основные значения символов-мнемоники, являются конструкции SGML (англ. Standard Generalized Markup Language — стандартизированный вариант язык разметки), чтобы определить символ из специального набора документа. Спецсимволы HTML

Пробелы и пробельные символы в языке Html

Прежде, чем переходить к вопросу форматирования текста с помощью специально предназначенных для этого тегов (абзаца, заголовков и т.д.) я хочу остановиться на том моменте, как в языке ХТМЛ интерпретируются пробелы, переносы строки (Enter) и табуляция, как осуществляется разбивка текста в окне браузера при изменении его размера.

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

В языке Html в качестве пробельных символов используются:

  1. пробел (самая широкая клавиша на клавиатуре без подписи)
  2. табуляция (соответствующая клавиша)
  3. перенос строки (клавиша Enter)

Именно по каким-то из этих символов пробела и будет осуществляться перенос строки при форматировании текста в браузере. У разных посетителей вашего сайта будут разные размеры экрана браузера и, следовательно, разбивка текста во всех этих случаях может происходить по-разному (если вы используете, например, резиновый макет). Типичным примером может служить поисковая выдача Яндекса, где макет подстраивается под размер экрана по ширине, но до определенного минимального размера.

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

В связи с этим возникает вопрос: как не допустить разрыва конструкций типа «100 руб.» при формировании переноса в браузере по символу пробела в Html коде? Ответом на этот вопрос может служить использование не обычного пробела, а спецсимвола неразрывного пробела, который может выглядеть как:

 

В коде это может выглядеть примерно так:

100 руб.

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

Визуальное форматирование кода для повышения его наглядности

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

Особенностью языка гипертекстовой разметки является то, что любое количество пробелов (или переносов с табуляцией) идущих подряд, браузером заменяется при разборе Html кода на один единственный пробел. Что это нам дает? Ну, давайте подумаем.

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

Например, такой вариант записи с обилием лишних пробелов, табуляций и переносов, которые нужных только для визуального форматирования кода, будет выглядеть очень легкочитаемым:

Пример визуального форматирования Html кода

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

Убираем лишние пробелы в HTML коде

Кстати, все вышесказанное будет справедливо и при записи свойств в CSS файлах, где вы сможете использовать удобное вам форматирование за счет лишних пробелов, переносов и табуляций, чтобы проще было бы найти и отделить друг от друга отдельные фрагменты.

Пример визуального форматирвоания CSS кода

Уже после того, как вы все отладите и всесторонне протестируете, сможете сжать CSS (удалить из кода все пробелы) для повышения скорости загрузки.

Правда для такого рода визуального форматирования (которое не будет видно на вебстранице) чаще всего используют не сами пробелы, а именно символы табуляции и переноса строки. Есть такое правило — когда начинаете писать вложенный Html тег, то сделайте отступ с помощью табуляции (клавиша Tab на клавиатуре), а когда этот тег закрываете, то уберите отступ (сочетание клавиш Shift+Tab на клавиатуре).

Делать это нужно так, чтобы открывающий и закрывающий тэги были бы на одном вертикальном уровне (на одинаковом количестве табуляций от правого края страницы вашего Html редактора, например, Notepad++, о котором я писал тут). Кроме этого советую непосредственно после написания открывающего элемента сделать несколько переносов строки и сразу же прописать закрывающий на том же уровне (количестве табуляций), чтобы потом не забыть это сделать.

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

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

Таблица с кодами html пробелов

  u0020 межсловный, его печатает кнопка Space
 
 
u00A0 межсловный, неразрывный
  u2009 тонкий
  u202f тонкий, неразрывный
  u200A волосяной (очень короткий пробел)
​ u200B без ширины, при необходимости переносит слово
­ u00AD без ширины, при необходимости переносит слово, добавляя к нему дефис
⁠ u2060 без ширины, неразрывный
  равен двум стандартным пробелам
  u2003 равен четырем стандартным пробелам
  u2007 равен ширине цифры, если все цифры одинаковой ширины, неразрывный
  u2008 равен ширине запятой
␣ u2423 обозначение символа

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

Подводя итоги, я рекомендую пользоваться тремя вариантами кодами html-пробелов:

 неразрывный пробел двойной пробел четырех кратный пробел

Читайте также:
• Как добавить кнопку "Наверх" на сайте
• Как сделать якорь ссылки
• Как сделать форму обратной связи на php с каптчей
• Как скруглить углы в HTML через CSS
• Как сделать слайдер
• Как сделать обтекание картинки текстом
• Как открыть ссылку в новом окне
• Подчеркнутый текст html
• Жирный шрифт html
• Зачеркнутый текст html

← Перейти в каталог html уроков и советов

Что такое пробел

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

1 2 3 4 5 6 7 8 9 0 – = Backspace Tab Caps Lock Shift Ctrl Win Alt Enter Shift Alt Gr Ctrl Ё Й Ц У К Е Н Г Ш Щ З Х Ъ Ф Ы В А П Р О Л Д Ж Э Я Ч С М И Т Ь Б Ю . Q W E R T Y U I O P { } A S D F G H J K L : ” | Z X C V B N M < > ?

Математические символы, поддерживаемые в HTML

Символ Числовой код Имя символа Описание
&#8704; &forall; для любых, для всех
&#8706; &part; часть
&#8707; &exist; существует
&#8709; &empty; пустое множество
&#8711; &nabla; оператор Гамильтона (“набла”)
&#8712; &isin; принадлежит множеству
&#8713; &notin; не принадлежит множеству
&#8715; &ni; или
&#8719; &prod; произведение
&#8721; &sum; сумма
&#8722; &minus; минус
&#8727; &lowast; умножение или оператор сопряженный к
× &#215; &times знак умножения
&#8730; &radic; квадратный корень
&#8733; &prop; пропорциональность
&#8734; &infin; бесконечность
&#8942; кратность
&#8736; &ang; угол
&#8743; &and; и
&#8744; &or; или
&#8745; &cap; пересечение
&#8746; &cup; объединение
&#8747; &int; интеграл
&#8756; &there4; поэтому
&#8764; &sim; подобно
&#8773; &cong; сравнимо
&#8776; &asymp; приблизительно равно
&#8800; &ne; не равно
&#8801; &equiv; идентично
&#8804; &le; меньше или равно
&#x02A7D;
&#10877;
&les;
&leqslant;
меньше или равно
&#8805; &ge; больше или равно
&#x02a7e;
&#10878;
&ges;
&geqslant;
больше или равно
&#8834; &sub; подмножество
&#8835; &sup; надмножестов
&#8836; &nsub; не подмножество
&#8838; &sube; подмножество
&#8839; &supe; надмножество
&#8853; &oplus; прямая сумма
&#8855; &otimes; тензерное произведение
&#8869; &perp; перпендикуляр
&#8901; &sdot; оператор точка

Тег HTML пробела &nbsp;

&nbsp; — это большой пробел, использовать его в тексте можно для разделения от текста фото, которое, как бы налипает на текст:

Налипание фото на текст

Вставив тег пробела между абзацами текста и самим изображением:

Вставка тега пробела

Мы получим уже такой внешний вид на сайте:

Пробел разделяет фото от текста

Также этот пробел пригодится, если у нас вставлена в текст таблица (как сверстать таблицу можете узнать в публикации — «HTML теги таблицы: td, tr, table, для текста»), и также прилипает к тексту.

Правда — эту проблему с налипанием изображения или таблицы, можно решить без тега пробела html &nbsp; — просто при верстке оформить каждый элемент текста в теги абзаца <p>, а фото или таблицу в эти теги закрывать не нужно, и вид также будет с разделением фото или таблицы от текста.

Оформление текста в абзаци

Где ещё понадобится тег пробела html &nbsp;? При верстке списков — маркированных или нумерованных. Вот так выглядит стандартный список на сайте:

Стандартный список на сайте

То есть, строки списка расположены близко друг к другу, можно в таком варианте и оставить, а можно расстояние между ними увеличить, и в помощь наш тег &nbsp; Проставляем его после каждой строки списка, начиная с первой, кроме последней:

Вставка межстрочного пробела

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

Вид списка с пробелами между строк на сайте

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

Я этот тег пробела &nbsp; использую только в оформлении сайта, так как, проблемы с налипанием фото и таблиц на текст, решаю обычными тегами абзаца <p>, а расстояние между строками списка, на мой взгляд получается слишком большим. Поэтому для списков я использую другой тег пробела, о котором сейчас и расскажу.

Инструкция вставки спецсимволов в HTML

Для вставки специальных символов в HTML код вы можете использовать любое из значений столбиков «Обозначение», «10-ный код» или «16-ный код». Ошибки не будет.

Пример добавления специальных символов:

<!DOCTYPE html> <html> <head> <title>Страница</title> </head> <body> &#x21D2;&#x21D2;&#x21D2;&#x21D2;&#x21D2; <!– Шестнадцатиричный код –> &#8659;&#8659;&#8659;&#8659;&#8659; <!– Десятичный код –> &hArr;&hArr;&hArr;&hArr;&hArr; <!– Обозначение –> </body> </html>

 Вот как это будет выглядеть на странице:

⇒⇒⇒⇒⇒ ⇓⇓⇓⇓⇓ ⇔⇔⇔⇔⇔

Популярные спецсимволы HTML

1. Полезные знаки и символы

Вид HTML-код CSS-код Описание
? &#128386; 1F582 Обратная сторона конверта
&#9731; 2603 Снеговик
&#9766; 2626 Православный крест
&#9875; 2693 Якорь
&#9990; 2706 Знак телефона
&#9742; 260E Телефон
&#9749; 2615 Горячие напитки
&#9998; 270E Карандаш, направленный вправо-вниз
&#9999; 270F Карандаш
&#10000; 2710 Карандаш, направленный вправо-вверх
&#10001; 2711 Незакрашенное острие пера
&#10002; 2712 Закрашенное острие пера
&#9884; 269C Геральдическая лилия
&#9937; 26D1 Шлем с белым крестом
&#9885; 269D Начерченная белая звезда
&#10052; 2744 Снежинка
&#10084; 2764 Закрашенное жирное сердце
&#10053; 2745 Зажатая трилистниками снежинка
&#10054; 2746 Жирная остроугольная снежинка
&#9733; 2605 Закрашенная звезда
&#9734; 2606 Незакрашенная звезда
&#10026; 272A Незакрашенная звезда в закрашенном круге
&#10027; 272B Закрашенная звезда с незакрашенным кругом внутри
&#10031; 272F Вращающаяся звезда
&#10057; 2749 Звёздочка с шарообразными окончаниями
&#10059; 274B Жирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10034; 2732 Звёздочка с незакрашенным центром
&#9728; 2600 Закрашенное солнце с лучами
&#9729; 2601 Облака
&#9730; 2602 Зонтик
&#9745; 2611 Галочка в квадрате
&#9746; 2612 Крестик в квадрате
&#9785; 2639 Нахмуренный смайлик
&#9786; 263A Улыбающийся смайлик
&#9787; 263B Закрашенный улыбающийся смайлик
&#9773; 262D Серп и молот
&#9873; 2691 Закрашенный флаг
&#9872; 2690 Незакрашенный флаг
&#9776; 2630 Триграмма
&#10047; 273f Закрашенный цветок
&#10048; 2740 Незакрашенный цветок
&#10046; 273E Цветок с шестью лепестками
&#10049; 2741 Закрашенный обведённый цветок
&#10050; 2742 Цветок из точек
&#9993; 2709 Конверт
&#10086; 2766 Сердце в виде цветка
&#10102; 2776 Номер 1
&#10103; 2777 Номер 2
&#10104; 2778 Номер 3
&#10105; 2779 Номер 4
&#10106; 277A Номер 5
&#10107; 277B Номер 6
&#10108; 277C Номер 7
&#10109; 277D Номер 8
&#10130; 2792 Номер 9
&#10131; 2793 Номер 10
&#10006; 2716 Жирный знак умножения
&#10008; 2718 Жирный крестик
&#10004; 2714 Жирная отметка галочкой
&#10010; 271A Жирный крест
&#9883; 269B Символ атома
&#9850; 267A Символ переработки
&#10065; 2751 Незакрашенный квадрат с правой нижней тенью
&#10066; 2752 Незакрашенный квадрат с правой верхней тенью
&#9672; 25C8 Алмаз в оправе
&#9680; 25D0 Круг с левой закрашенной половиной
&#9681; 25D1 Круг с закрашенной правой половиной
&#8258; 2042 Три звездочки

2. Знаки пунктуации

Вид HTML-код CSS-код Описание
  &nbsp; 0A0 Неразрывный пробел
­ &shy; 0AD Место возможного переноса
< &lt; 03C Знак “меньше чем” (начало тега)
> &gt; 03E Знак “больше чем” (конец тега)
« &laquo; 0AB Левая двойная угловая скобка
» &raquo; 0BB Правая двойная угловая скобка
&lsaquo; 2039 Левая угловая одиночная кавычка
&rsaquo; 203A Правая угловая одиночная кавычка
&quot; 022 Двойная кавычка
&prime; 2032 Одиночный штрих
&Prime; 2033 Двойной штрих
&lsquo; 2018 Левая одиночная кавычка
&rsquo; 2019 Правая одиночная кавычка
&sbquo; 201A Нижняя одиночная кавычка
&ldquo; 201C Левая двойная кавычка
&rdquo; 201D Правая двойная кавычка
&bdquo; 201E Нижняя двойная кавычка
&#10076; 275C Жирная одинарная верхняя запятая
&#10075; 275B Жирная одинарная повёрнутая верхняя запятая
& &amp; 026 Амперсанд
&apos; 027 Апостроф (одинарная кавычка)
§ &sect; 0A7 Параграф
© &copy; 0A9 Знак copyright
¬ &not; 0AC Знак отрицания
® &reg; 0AE Знак зарегистрированной торговой марки
¯ &macr; 0AF Знак долготы над гласным
° &deg; 0B0 Градус
± &plusmn; 0B1 Плюс-минус
¹ &sup1; 0B9 Верхний индекс “1”
² &sup2; 0B2 Верхний индекс “2”
³ &sup3; 0B3 Верхний индекс “3”
¼ &frac14; 0BC Одна четверть
½ &frac12; 0BD Одна вторая
¾ &frac34; 0BE Три четверти
´ &acute; 0B4 Знак ударения
µ &micro; 0B5 Микро
&para; 0B6 Знак абзаца
· &middot; 0B7 Знак умножения
¿ &iquest; 0BF Перевернутый вопросительный знак
ƒ &fnof; 192 Знак флорина
&trade; 2122 Знак торговой марки
&bull; 2022 Маркер списка
&hellip; 2026 Многоточие
&oline; 203E Надчеркивание
&ndash; 2013 Среднее тире
&mdash; 2014 Длинное тире
&permil; 2030 Промилле
} &#125; 07D Правая фигурная скобка
{ &#123; 07B Левая фигурная скобка
= &#61; 03D Знак равенства
&ne; 2260 Знак неравенства
&cong; 2245 Конгруэнтность (геометрическое равенство)
&asymp; 2248 Почти равно
&le; 2264 Меньше чем или равно
&ge; 2265 Больше чем или равно
&ang; 2220 Угол
&perp; 22A5 Перпендикулярно (кнопка вверх)
&radic; 221A Квадратный корень
&sum; 2211 N-ичное суммирование
&int; 222B Интеграл
&#8251; 203B Знак сноски
÷ &divide; 0F7 Знак деления
&infin; 221E Знак бесконечности
@ &#64; 040 Символ собака
[ &#91; 05B Левая квадратная скобка
] &#93; 05D Правая квадратная скобка

3. Стрелки

Вид HTML-код CSS-код Описание
&larr; 2190 Стрелка влево
&uarr; 2191 Стрелка вверх
&rarr; 2192 Стрелка вправо
&darr; 2193 Стрелка вниз
&harr; 2194 Стрелка влево-вправо
&crarr; 21B5 Стрелка вниз и влево – знак возврата каретки
&lArr; 21D0 Двойная стрелка налево
&uArr; 21D1 Двойная стрелка вверх
&rArr; 21D2 Двойная стрелка направо
&dArr; 21D3 Двойная стрелка вниз
&hArr; 21D4 Двойная стрелка влево-вправо
&#10144; 27A0 Летящая стрела
&#10148; 27A4 Наконечник стрелы
&#10149; 27A5 Изогнутая стрела, указывающая вниз и вправо
&#10150; 27A6 Изогнутая стрела, указывающая вверх и вправо
&#10163; 27B3 Стрела направо
&#8634; 21BA Круглая стрелка с наконечником против часовой стрелки
&#8635; 21BB Круглая стрелка с наконечником по часовой стрелке
&#8679; 21E7 Толстая полая стрелка вверх
&#8617; 21A9 Стрелка налево с крючком
&#10155; 27AB Наклонённая вниз объёмная стрелка
&#11015; 2B07 Закрашенная стрелка вниз
&#11014; 2B06 Закрашенная стрелка вверх

4. Карточные масти

Вид HTML-код CSS-код Описание
&spades; 2660 “Пики”
&clubs; 2663 “Трефы”
&hearts; 2665 “Червы”
&diams; 2666 “Бубны”
&#9825; 2661 Контур “Червы”
&#9826; 2662 Контур “Бубны”
&#9828; 2664 Контур “Пики”
&#9831; 2667 Контур “Трефы”

5. Деньги

Вид HTML-код CSS-код Описание
¢ &cent; FFE0 Цент
£ &pound; FFE1 Фунт стерлингов
&#8381; 20BD Российский рубль
¥ &yen; 0A5 Йена или юань
&euro; 20AC Евро
$ &#36; 024 Доллар
&#8372; 20B4 Знак гривны
&#8377; 20B9 Индийская рупия
&#22291; 5713 Китайский юань
&#8376; 20B8 Казахстанский тенге

6. Знаки зодиака

Вид HTML-код CSS-код Описание
&#9800; 2648 Овен
&#9801; 2649 Телец
&#9802; 264A Близнецы
&#9803; 264B Рак
&#9804; 264C Лев
&#9805; 264D Дева
&#9806; 264E Весы
&#9807; 264F Скорпион
&#9808; 2650 Стрелец
&#9809; 2651 Козерог
&#9810; 2652 Водолей
&#9811; 2653 Рыбы

Неразрывный пробел HTML

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

&nbsp;

Это так называемый, “non breaking space”.

Примеры использования неразрывного пробела:

и&nbsp;т.&nbsp;д. т.&nbsp;к.Е.&nbsp;Велтистов11&nbsp;тыс. рублей

Коды спецсимволов

Символ Код HTML код
&#8482;
&euro;
Пробел &#32; &nbsp;
! &#33;
« &#34; &quot;
# &#35;
$ &#36;
% &#37;
& &#38; &amp;
&#39;
( &#40;
) &#41;
* &#42;
+ &#43;
, &#44;
&#45;
. &#46;
/ &#47;
0 &#48;
1 &#49;
2 &#50;
3 &#51;
4 &#52;
5 &#53;
6 &#54;
7 &#55;
8 &#56;
9 &#57;
: &#58;
; &#59;
< &#60; &lt;
= &#61;
> &#62; &gt;
? &#63;
@ &#64;
A &#65;
B &#66;
C &#67;
D &#68;
E &#69;
F &#70;
G &#71;
H &#72;
I &#73;
J &#74;
K &#75;
L &#76;
M &#77;
N &#78;
O &#79;
P &#80;
Q &#81;
R &#82;
S &#83;
T &#84;
U &#85;
V &#86;
W &#87;
X &#88;
Y &#89;
Z &#90;
[ &#91;
&#92;
] &#93;
^ &#94;
_ &#95;
` &#96;
a &#97;
b &#98;
c &#99;
d &#100;
e &#101;
f &#102;
g &#103;
h &#104;
i &#105;
j &#106;
k &#107;
l &#108;
m &#109;
n &#110;
o &#111;
p &#112;
q &#113;
r &#114;
s &#115;
t &#116;
u &#117;
v &#118;
w &#119;
x &#120;
y &#121;
z &#122;
{ &#123;
| &#124;
} &#125;
~ &#126;
Non-breaking space &#160; &nbsp;
¡ &#161; &iexcl;
¢ &#162; &cent;
£ &#163; &pound;
¤ &#164; &curren;
¥ &#165; &yen;
¦ &#166; &brvbar;
&#167; &sect;
¨ &#168; &uml;
© &#169; &copy;
ª &#170; &ordf;
« &#171;
¬ &#172; &not;
&#173; &shy;
® &#174; &reg;
¯ &#175; &macr;
° &#176; &deg;
± &#177; &plusmn;
² &#178; &sup2;
³ &#179; &sup3;
´ &#180; &acute;
µ &#181; &micro;
&#182; &para;
&#183; &middot;
¸ &#184; &cedil;
¹ &#185; &sup1;
º &#186; &ordm;
» &#187; &raquo;
¼ &#188; &frac14;
½ &#189; &frac12;
¾ &#190; &frac34;
¿ &#191; &iquest;
À &#192; &Agrave;
Á &#193; &Aacute;
 &#194; &Acirc;
à &#195; &Atilde;
Ä &#196; &Auml;
Å &#197 &Aring;
Æ &#198; &AElig;
Ç &#199; &Ccedil;
È &#200; &Egrave;
É &#201; &Eacute;
Ê &#202; &Ecirc;
Ë &#203; &Euml;
Ì &#204; &Igrave;
Í &#205; &Iacute;
Î &#206; &Icirc;
Ï &#207; &Iuml;
Ð &#208; &ETH;
Ñ &#209; &Ntilde;
Ò &#210; &Ograve;
Ó &#211; &Oacute;
Ô &#212; &Ocirc;
Õ &#213; &Otilde;
Ö &#214; &Ouml;
× &#215; &times;
&#216; &Oslash;
Ù &#217; &Ugrave;
Ú &#218; &Uacute;
Û &#219; &Ucirc;
Ü &#220; &Uuml;
Ý &#221; &Yacute;
Þ &#222; &THORN;
ß &#223; &szlig;
à &#224; &agrave;
á &#225; &aacute;
â &#226; &acirc;
ã &#227; &atilde;
ä &#228; &auml;
å &#229; &aring;
æ &#230; &aelig;
ç &#231; &ccedil;
è &#232; &egrave;
é &#233; &eacute;
ê &#234; &ecirc;
ë &#235; &euml;
ì &#236; &igrave;
í &#237 &iacute;
î &#238; &icirc;
ï &#239; &iuml;
ð &#240; &eth;
ñ &#241; &ntilde;
ò &#242; &ograve;
ó &#243; &oacute;
ô &#244; &ocirc;
õ &#245; &otilde;
ö &#246; &ouml;
÷ &#247; &divide;
ø &#248; &oslash;
ù &#249; &ugrave;
ú &#250; &uacute;
û &#251; &ucirc;
ü &#252; &uuml;
ý &#253; &yacute;
þ &#254; &thorn;
ÿ &#255;
Ā &#256;
ā &#257;
Ă &#258;
ă &#259;
Ą &#260;
ą &#261;
Ć &#262;
ć &#263;
Ĉ &#264;
ĉ &#265;
Ċ &#266;
ċ &#267;
Č &#268;
č &#269;
Ď &#270;
ď &#271;
Đ &#272;
đ &#273;
Ē &#274;
ē &#275;
Ĕ &#276;
ĕ &#277
Ė &#278;
ė &#279;
Ę &#280;
ę &#281;
Ě &#282;
ě &#283;
Ĝ &#284;
ĝ &#285;
Ğ &#286;
ğ &#287;
Ġ &#288;
ġ &#289;
Ģ &#290;
ģ &#291;
Ĥ &#292;
ĥ &#293;
Ħ &#294;
ħ &#295;
Ĩ &#296;
ĩ &#297;
Ī &#298;
ī &#299;
Ĭ &#300;
ĭ &#301;
Į &#302;
į &#303;
İ &#304;
ı &#305;
IJ &#306;
ij &#307;
Ĵ &#308;
ĵ &#309;
Ķ &#310;
ķ &#311;
ĸ &#312;
Ĺ &#313;
ĺ &#314;
Ļ &#315;
ļ &#316;
Ľ &#317
ľ &#318;
Ŀ &#319;
ŀ &#320;
Ł &#321;
ł &#322;
Ń &#323;
ń &#324;
Ņ &#325;
ņ &#326;
Ň &#327;
ň &#328;
ʼn &#329;
Ŋ &#330;
ŋ &#331;
Ō &#332;
ō &#333;
Ŏ &#334;
ŏ &#335;
Ő &#336;
ő &#337;
Π&#338;
œ &#339;
Ŕ &#340;
ŕ &#341;
Ŗ &#342;
ŗ &#343;
Ř &#344;
ř &#345;
Ś &#346;
ś &#347;
Ŝ &#348;
ŝ &#349;
Ş &#350;
ş &#351;
Š &#352;
š &#353;
Ţ &#354;
ţ &#355;
Ť &#356;
ť &#357
Ŧ &#358;
ŧ &#359;
Ũ &#360;
ũ &#361;
Ū &#362;
ū &#363;
Ŭ &#364;
ŭ &#365;
Ů &#366;
ů &#367;
Ű &#368;
ű &#369;
Ų &#370;
ų &#371;
Ŵ &#372;
ŵ &#373;
Ŷ &#374;
ŷ &#375;
Ÿ &#376;
Ź &#377;
ź &#378;
Ż &#379;
ż &#380;
Ž &#381;
ž &#382;
ſ &#383;
Ŕ &#340;
ŕ &#341;
Ŗ &#342;
ŗ &#343;
Ř &#344;
ř &#345;
Ś &#346;
ś &#347;
Ŝ &#348;
ŝ &#349;
Ş &#350;
ş &#351;
Š &#352;
š &#353;
Ţ &#354;
ţ &#355;
Ť &#356;
ť &#577;
Ŧ &#358;
ŧ &#359;
Ũ &#360;
ũ &#361;
Ū &#362;
ū &#363;
Ŭ &#364;
ŭ &#365;
Ů &#366;
ů &#367;
Ű &#368;
ű &#369;
Ų &#370;
ų &#371;
Ŵ &#372;
ŵ &#373;
Ŷ &#374;
ŷ &#375;
Ÿ &#376;
Ź &#377
ź &#378;
Ż &#379;
ż &#380;
Ž &#381;
ž &#382;
ſ &#383;

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

вставка спецсимвола через панель редактирования в WordPress

Спецсимволы или мнемоники в Html коде

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

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

Кодировок существует очень много, но для языка Html по умолчанию была принята расширенная версия кодировок ASCII под названием Windows 1251 (CP1251).

В этой кодировке текста было возможно записать всего лишь 256 знаков — 128 от ASCII и еще 128 для букв русского языка. В результате возникла проблема с использованием на сайтах знаки, которые не входят в ASCII и не являются буквами русского языка, входящими в состав кодировки Windows 1251 (CP1251). Ну, вздумалось вам использовать тильду или апостроф, а возможности такой изначально в используемой языком Html кодировке не заложено.

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

Примеры записи некоторых спецсимволов в HTML

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

В юникоде можно записать более 60 000 знаков — главное, чтобы нужный вам символ мнемоники поддерживался используемым на вашем сайте шрифтом. Есть шрифты с поддержкой почти всех знаков кодировки юникод, а есть варианты только с определенным набором символов.

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

Cимвол Html-код Десятичный
код
Описание
  &nbsp; &#160; неразрывный пробел
&ensp; &#8194; узкий пробел (еn-шириной в букву n)
&emsp; &#8195; широкий пробел (em-шириной в букву m)
&ndash; &#8211; узкое тире (en-тире)
&mdash; &#8212; широкое тире (em -тире)
­ &shy; &#173; мягкий перенос
а́   &#769; ударение, ставится после «ударной» буквы
© &copy; &#169; копирайт
® &reg; &#174; знак зарегистрированной торговой марки
&trade; &#8482; знак торговой марки
º &ordm; &#186; копье Марса
ª &ordf; &#170; зеркало Венеры
&permil; &#8240; промилле
π &pi; &#960; пи (используйте Times New Roman)
¦ &brvbar; &#166; вертикальный пунктир
§ &sect; &#167; параграф
° &deg; &#176; градус
µ &micro; &#181; знак «микро»
&para; &#182; знак абзаца
&hellip; &#8230; многоточие
&oline; &#8254; надчеркивание
´ &acute; &#180; знак ударения
  &#8470; знак номера
  &#128269; Лупа (наклонённая влево)
  &#128270; Лупа (наклонённая вправо)
знаки арифметических и математических операций
× &times; &#215; умножить
÷ &divide; &#247; разделить
< &lt; &#60; меньше
> &gt; &#62; больше
± &plusmn; &#177; плюс/минус
¹ &sup1; &#185; степень 1
² &sup2; &#178; степень 2
³ &sup3; &#179; степень 3
¬ &not; &#172; отрицание
¼ &frac14; &#188; одна четвертая
½ &frac12; &#189; одна вторая
¾ &frac34; &#190; три четверти
&frasl; &#8260; дробная черта
&minus; &#8722; минус
&le; &#8804; меньше или равно
&ge; &#8805; больше или равно
&asymp; &#8776; приблизительно (почти) равно
&ne; &#8800; не равно
&equiv; &#8801; тождественно
&radic; &#8730; квадратный корень (радикал)
&infin; &#8734; бесконечность
&sum; &#8721; знак суммирования
&prod; &#8719; знак произведения
&part; &#8706; частичный дифференциал
&int; &#8747; интеграл
&forall; &#8704; для всех (видно только если жирным шрифтом)
&exist; &#8707; существует
&empty; &#8709; пустое множество
Ø &Oslash; &#216; диаметр
&isin; &#8712; принадлежит
&notin; &#8713; не принадлежит
&ni; &#8727; содержит
&sub; &#8834; является подмножеством
&sup; &#8835; является надмножеством
&nsub; &#8836; не является подмножеством
&sube; &#8838; является подмножеством либо равно
&supe; &#8839; является надмножеством либо равно
&oplus; &#8853; плюс в кружке
&otimes; &#8855; знак умножения в кружке
&perp; &#8869; перпендикулярно
&ang; &#8736; угол
&and; &#8743; логическое И
&or; &#8744; логическое ИЛИ
&cap; &#8745; пересечение
&cup; &#8746; объединение
знаки валют
  &#8381; Рубль. Знак рубля должен использоваться с отбивкой от числа. Стандарт Юникод 7.0. Если Вы не видите изображение, обновите свои Unicode-шрифты.
&euro; &#8364; Евро
¢ &cent; &#162; Цент
£ &pound; &#163; Фунт
¤ &curren; &#164; Знак валюты
¥ &yen; &#165; Знак йены и юаня
ƒ &fnof; &#402; Знак флорина
маркеры
&bull; &#8226; простой маркер
  &#9675; круг
· &middot; &#183; средняя точка
  &#8224; крестик
  &#8225; двойной крестик
&spades; &#9824; пики
&clubs; &#9827; трефы
&hearts; &#9829; червы
&diams; &#9830; бубны
&loz; &#9674; ромб
  &#9999; карандаш
  &#9998; карандаш
  &#10000; карандаш
  &#9997; рука
кавычки
&quot; &#34; двойная кавычка
& &amp; &#38; амперсанд
« &laquo; &#171; левая типографская кавычка (кавычка-елочка)
» &raquo; &#187; правая типографская кавычка (кавычка-елочка)
  &#8249; одиночная угловая кавычка открывающая
  &#8250; одиночная угловая кавычка закрывающая
&prime; &#8242; штрих (минуты, футы)
&Prime; &#8243; двойной штрих (секунды, дюймы)
&lsquo; &#8216; левая верхняя одиночная кавычка
&rsquo; &#8217; правая верхняя одиночная кавычка
&sbquo; &#8218; правая нижняя одиночная кавычка
&ldquo; &#8220; кавычка-лапка левая
&rdquo; &#8221; кавычка-лапка правая верхняя
&bdquo; &#8222; кавычка-лапка правая нижняя
  &#10075; одиночная английская кавычка открывающая
  &#10076; одиночная английская кавычка закрывающая
  &#10077; двойная английская кавычка открывающая
  &#10078; двойная английская кавычка закрывающая
стрелки
&larr; &#8592; стрелка влево
&uarr; &#8593; стрелка вверх
&rarr; &#8594; стрелка вправо
&darr; &#8595; стрелка вниз
&harr; &#8596; стрелка влево и вправо
  &#8597; стрелка вверх и вниз
&crarr; &#8629; возврат каретки
&lArr; &#8656; двойная стрелка влево
&uArr; &#8657; двойная стрелка вверх
&rArr; &#8658; двойная стрелка вправо
&dArr; &#8659; двойная стрелка вниз
&hArr; &#8660; двойная стрелка влево и вправо
  &#8661; двойная стрелка вверх и вниз
  &#9650; треугольная стрелка вверх
  &#9660; треугольная стрелка вниз
  &#9658; треугольная стрелка вправо
  &#9668; треугольная стрелка влево
звездочки, снежинки
  &#9731; Снеговик
  &#10052; Снежинка
  &#10053; Зажатая трилистниками снежинка
  &#10054; Жирная остроугольная снежинка
  &#9733; Закрашенная звезда
  &#9734; Незакрашенная звезда
  &#10026; Незакрашенная звезда в закрашенном круге
  &#10027; Закрашенная звезда с незакрашенным кругом внутри
  &#10031; Вращающаяся звезда
  &#9885; Начерченная белая звезда
  &#9898; Средний незакрашенный круг
  &#9899; Средний закрашенный круг
  &#9913; Секстиле (типа снежинка)
  &#10037; Восьмиконечная вращающаяся звезда
  &#10057; Звёздочка с шарообразными окончаниями
  &#10059; Жирная восьмиконечная каплеобразная звёздочка-пропеллер
  &#10042; Шестнадцатиконечная звёздочка
  &#10041; Двенадцатиконечная закрашенная звезда
  &#10040; Жирная восьмиконечная прямолинейная закрашенная звезда
  &#10038; Шестиконечная закрашенная звезда
  &#10039; Восьмиконечная прямолинейная закрашенная звезда
  &#10036; Восьмиконечная закрашенная звезда
  &#10035; Восьмиконечная звёздочка
  &#10034; Звёздочка с незакрашенным центром
  &#10033; Жирная звёздочка
  &#10023; Заострённая четырёхконечная незакрашенная звезда
  &#10022; Заострённая четырёхконечная закрашенная звезда
  &#9055; Звезда в круге
  &#8859; Снежинка в круге
часы, время
  &#9200; Часы
  &#8986; Часы
  &#8987; Песочные часы
  &#9203; Песочные часы

Существует довольно интересный способ получения кода Html мнемоник для необходимого вам знака. Для этого достаточно будет открыть редактор Microsoft Word, создать новый документ и выбрать из верхнего меню «Вставка» — «Символ» (я пользуюсь 2003 версией, поэтому не знаю как сделать аналогичную операцию в более поздних версиях).

В открывшемся окне вам нужно выбрать шрифт, например, Times New Roman (или любой другой, который заведомо будет присутствовать на большинстве компьютеров посетителей вашего сайта — Courier или Arial, к примеру).

Открываем шрифт на редактирование

Добавьте из открывшегося списка в свой документ Word все нужные вам спецсимволы и сохраните данный вордовский документ как веб страницу (выбирается из выпадающего списка «.html» при сохранении). Ну, а затем вам лишь останется открыть эту веб страницу в любом Html редакторе (все тот же Notepad++ подойдет) и вы увидите все цифровые коды нужных вам мнемоник:

Пример вставки мнемоник в Html код

Способ немного сложноватый, но если приспичит использовать на странице своего сайта какой-нибудь редкий спецсимвол, то это будет проще, чем отыскивать в сети интернет таблицы, подобные приведенной чуть выше. Полученный код спецсимвола вам нужно будет вставить в нужное место и вместо него на веб странице браузер отобразит нужный вам знак (например, неразрывный пробел).

Тонкий пробел

Код пробела HTML, который мы рассмотрели выше, является повсеместным. Но бывают случаи, когда обычный пробел оказывается слишком «большим». Тогда на смену ему приходит тонкий пробел. Это пробел, ширина которого составляет четверть кегля используемого шрифта. Обозначается тонкий пробел следующим образом:

&thinsp;

и используется, по большей части, для разбиения разрядов чисел, например, “15 000 000 долларов” стоит записать так:

15&thinsp;000&thinsp;000 долларов

Примечание: Тонкий пробел может некорректно отображаться в старых версиях некоторых из браузеров, но во всех последних версиях работает на «ура».

Греческий и коптский алфавиты

Символ Числовой код Шестнадцатеричный код Имя символа
Ͱ &#880; &#x0370;  
ͱ &#881; &#x0371;  
Ͳ &#882; &#x0372;  
ͳ &#883; &#x0373;  
ʹ &#884; &#x0374;  
͵ &#885; &#x0375;  
Ͷ &#886; &#x0376;  
ͷ &#887; &#x0377;  
ͺ &#890; &#x037A;  
ͻ &#891; &#x037B;  
ͼ &#892; &#x037C;  
ͽ &#893; &#x037D;  
; &#894; &#x037E;  
΄ &#900; &#x0384;  
΅ &#901; &#x0385;  
Ά &#902; &#x0386;  
· &#903; &#x0387;  
Έ &#904; &#x0388;  
Ή &#905; &#x0389;  
Ί &#906; &#x038A;  
Ό &#908; &#x038C;  
Ύ &#910; &#x038E;  
Ώ &#911; &#x038F;  
ΐ &#912; &#x0390;  
Α &#913; &#x0391; &Alpha;
Β &#914; &#x0392; &Beta;
Γ &#915; &#x0393; &Gamma;
Δ &#916; &#x0394; &Delta;
Ε &#917; &#x0395; &Epsilon;
Ζ &#918; &#x0396; &Zeta;
Η &#919; &#x0397; &Eta;
Θ &#920; &#x0398; &Theta;
Ι &#921; &#x0399; &Iota;
Κ &#922; &#x039A; &Kappa;
Λ &#923; &#x039B; &Lambda;
Μ &#924; &#x039C; &Mu;
Ν &#925; &#x039D; &Nu;
Ξ &#926; &#x039E; &Xi;
Ο &#927; &#x039F; &Omicron;
Π &#928; &#x03A0; &Pi;
Ρ &#929; &#x03A1; &Rho;
Σ &#931; &#x03A3; &Sigma;
Τ &#932; &#x03A4; &Tau;
Υ &#933; &#x03A5; &Upsilon;
Φ &#934; &#x03A6; &Phi;
Χ &#935; &#x03A7; &Chi;
Ψ &#936; &#x03A8; &Psi;
Ω &#937; &#x03A9; &Omega;
Ϊ &#938; &#x03AA;  
Ϋ &#939; &#x03AB;  
ά &#940; &#x03AC;  
έ &#941; &#x03AD;  
ή &#942; &#x03AE;  
ί &#943; &#x03AF;  
ΰ &#944; &#x03B0;  
α &#945; &#x03B1; &alpha;
β &#946; &#x03B2; &beta;
γ &#947; &#x03B3; &gamma;
δ &#948; &#x03B4; &delta;
ε &#949; &#x03B5; &epsilon;
ζ &#950; &#x03B6; &zeta;
η &#951; &#x03B7; &eta;
θ &#952; &#x03B8; &theta;
ι &#953; &#x03B9; &iota;
κ &#954; &#x03BA; &kappa;
λ &#955; &#x03BB; &lambda;
μ &#956; &#x03BC; &mu;
ν &#957; &#x03BD; &nu;
ξ &#958; &#x03BE; &xi;
ο &#959; &#x03BF; &omicron;
π &#960; &#x03C0; &pi;
ρ &#961; &#x03C1; &rho;
ς &#962; &#x03C2; &sigmaf;
σ &#963; &#x03C3; &sigma;
τ &#964; &#x03C4; &tau;
υ &#965; &#x03C5; &upsilon;
φ &#966; &#x03C6; &phi;
χ &#967; &#x03C7; &chi;
ψ &#968; &#x03C8; &psi;
ω &#969; &#x03C9; &omega;
ϊ &#970; &#x03CA;  
ϋ &#971; &#x03CB;  
ό &#972; &#x03CC;  
ύ &#973; &#x03CD;  
ώ &#974; &#x03CE;  
Ϗ &#975; &#x03CF;  
ϐ &#976; &#x03D0;  
ϑ &#977; &#x03D1; &thetasym;
ϒ &#978; &#x03D2; &upsih;
ϓ &#979; &#x03D3;  
ϔ &#980; &#x03D4;  
ϕ &#981; &#x03D5; &straightphi;
ϖ &#982; &#x03D6; &piv;
ϗ &#983; &#x03D7;  
Ϙ &#984; &#x03D8;  
ϙ &#985; &#x03D9;  
Ϛ &#986; &#x03DA;  
ϛ &#987; &#x03DB;  
Ϝ &#988; &#x03DC; &Gammad;
ϝ &#989; &#x03DD; &gammad;
Ϟ &#990; &#x03DE;  
ϟ &#991; &#x03DF;  
Ϡ &#992; &#x03E0;  
ϡ &#993; &#x03E1;  
Ϣ &#994; &#x03E2;  
ϣ &#995; &#x03E3;  
Ϥ &#996; &#x03E4;  
ϥ &#997; &#x03E5;  
Ϧ &#998; &#x03E6;  
ϧ &#999; &#x03E7;  
Ϩ &#1000; &#x03E8;  
ϩ &#1001; &#x03E9;  
Ϫ &#1002; &#x03EA;  
ϫ &#1003; &#x03EB;  
Ϭ &#1004; &#x03EC;  
ϭ &#1005; &#x03ED;  
Ϯ &#1006; &#x03EE;  
ϯ &#1007; &#x03EF;  
ϰ &#1008; &#x03F0;  &varkappa;
ϱ &#1009; &#x03F1;  &varrho;
ϲ &#1010; &#x03F2;  
ϳ &#1011; &#x03F3;  
ϴ &#1012; &#x03F4;  
ϵ &#1013; &#x03F5;  &straightepsilon;
϶ &#1014; &#x03F6;  &backepsilon;
Ϸ &#1015; &#x03F7;  
ϸ &#1016; &#x03F8;  
Ϲ &#1017; &#x03F9;  
Ϻ &#1018; &#x03FA;  
ϻ &#1019; &#x03FB;  
ϼ &#1020; &#x03FC;  
Ͻ &#1021; &#x03FD;  
Ͼ &#1022; &#x03FE;  
Ͽ &#1023; &#x03FF;  

Другие типы пробелов в языке HTML

Помимо наиболее актуальных видов, что мы рассмотрели выше, существуют и другие.

  • &ensp; – пробел длины буквы N;
  • &ensp; – пробел длины буквы M;
  • &zwnj; – несоединяющий символ нулевой длины;
  • &zwj; – соединяющий символ нулевой длины.

Примечание: Если вам нужно поставить несколько пробелов подряд, обрамите текст тегом <pre>:

<pre>Конструктор сайтов «Нубекс»</pre>

Что такое неразрывный пробел

Неразрывный пробел — это пробел, запрещающий переносить отдельно друг от друга элементы, между которыми он находится. Например: 1000000000рублей и 1000000000 рублей

Неразрывный пробел

Если два и более междусловных пробела идут подряд и не являются неразрывными, то они показываются как один. Искл.: когда пробелы находится внутри тега pre или тега, которому задано свойство white-space в значениях pre или pre-wrap

словослово слово&#32;&#32;&#32;&#32;&#32;&#32;слово
слово      слово слово&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;слово

Если строка начинается с пробела, то он игнорируется

слово слово
слово &#32;&#32;&#32;&#32;&#32;&#32;слово

Знак переноса на новую строку &NewLine;, который печатает кнопка клавиатуры Enter, также является пробельным символом

слово слово
&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;слово &NewLine;&NewLine;&NewLine;&NewLine;&NewLine;&NewLine;слово

Зачем нужны спецсимволы и как ими пользоваться

Предположим, вы решили описать какой-нибудь тег на вашей странице, но, поскольку браузер использует символы < и > как начало и конец тега, применение их внутри содержимого вашего html-кода может привести к проблемам. Но HTML дает вам легкий способ определять эти и другие специальные символы с помощью простых аббревиатур, называемых ссылками на символы.

Рассмотрим, как это работает. Для каждого символа, который считается специальным или который вы хотите использовать на своей веб-странице, но который невозможно напечатать в вашем редакторе (например, символ авторского права), вы находите аббревиатуру и печатаете ее в html-коде вместо нужного символа. Например, для символа “>” аббревиатура – &gt;, а для символа “<” – &lt;.

Допустим, вы хотели напечатать «Элемент <html> очень важен» на своей странице. Вместо этого вам придется воспользоваться ссылками на нужные вам символы для корректного отображения записи, и в итоге ваша запись в коде должна будет выглядеть так:

<p>Элемент &lt;html&gt; очень важен</p> Попробовать »

Еще один специальный символ, о котором вам нужно знать – символ & (амперсанд). Если вы хотите, чтобы он отображался на вашей HTML-странице, используйте ссылку &amp; вместо символа &.

Пробел при помощи CSS

Вариант создания табуляции (отступа) с помощью CSS можно решить с помощью следующего приёма:

<span style=”padding: 0px 20px;”>&nbsp;</span>Конструктор сайтов «Нубекс»

Зачем нужен неразрывный пробел без ширины

Скрипт меняет сочетание символов на картинку или что-то иное. Можно обойти действие скрипта, поместив между ними знак неразрывного пробела без ширины.

🙂 замена произойдёт
:&NoBreak;) замены не произойдёт
Рейтинг
( 1 оценка, среднее 5 из 5 )
Загрузка ...