johny-vino-udBkennKG90-unsplash

HTML символы

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

Красивые числа, пробелы, переносы

Изображение Символ Код Описание
❶❶номер 1 в кружочке
❷❷номер 2 в кружочке
❸❸номер 3
❹;❹номер 4
❺❺номер 5
❻❻номер 6
❼❼номер 7, далее, по аналогии — #10109 будет числом 8
   неразрывный пробел
  узкий пробел (еn-шириной в букву n)
  широкий пробел (em-шириной в букву m)
––узкое тире (en-тире)
——широкое тире (em-тире), широко используется в текстах
­­­мягкий перенос

Полезные знаки

Изображение Символ Код Описание
©©©копирайт
®®®знак (R) — зарегистрировано
ººº копье Марса
ªªªзеркало Венеры
‰‰промилле
πππпи
¦¦  вертикальная черта
§§§знак параграфа
°° знак градуса
µµµ знак «микро»
¶¶ знак абзаца
··  Точка-маркер
° ° градус
 … многоточие
 ‾ надчеркивание (верхняя черта)
´ ´ знак ударения
¦ ¦ вертикальный пунктир
 № знак/символ номера

Знаки арифметических и математических операций

Изображение Символ Код Описание
××  Крестик
× × Знак умножения
÷÷÷ Знак деления
<&lt;&#60; меньше, чем
>&gt;&#62; больше, чем
±&plusm;&#177; Знак «плюс/минус»
¹&sup1;&#185; Степень 1
²&sup2;&#178; Степень 2
³&sup3;&#179; Степень 3
¬&not;  Знак отрицания
¼&frac14;&#188; Одна четвертая
½&frac12;&#189; Одна вторая
¾&frac34;&#190; Три четверти
 &#8260; дробная черта
 &#8722; знак минус
 &#8804; меньше или равно
 &#8805; больше или равно
 &#8776; приблизительно равно (асимптотически равно)
 &#8800; не равно
 &#8801; совпадает с
 &#8730; квадратный корень (радикал)
 &#8734; знак бесконечность
 &#8721; знак суммирования
 &#8719; знак произведения
 &#8706; частичный дифференциал
 &#8747; интеграл

Знаки валют

Изображение Символ Код Описание
&euro;&#8364; Евро
¢&cent;&#162; Цент
£&pound;&#163; Фунт
¤&current;&#164; Знак валюты
¥&yen;&#165; Знак йены и юаня
ƒ &#402; Знак флорина

Маркеры

Изображение Символ Код Описание
 &#8226; простой маркер
· &#183; средняя точка
 &#8224; крестик
 &#8225; двойной крестик
 &#9824; пики
 &#9827; трефы
 &#9829; червы
 &#9830; бубны
 &#9674; ромб

Кавычки

Изображение Символ Код Описание
»&quot;&#34;двойная кавычка
&&amp;&#38;амперсанд
«&laquo;&#171;левая типографская кавычка (кавычка-елочка)
»&raquo;&#187;правая типографская кавычка (кавычка-елочка)
 &#8242; штрих (минуты, футы)
 &#8243; двойной штрих (секунды, дюймы)
 &#8220; кавычка-лапка левая
 &#8221; кавычка-лапка правая верхняя
 &#8222; кавычка-лапка правая нижняя
 &#8249; одинарная угловая кавычка открывающая
 &#8250; одинарная угловая кавычка закрывающая
 &#8216; левая верхняя одинарная кавычка
 &#8217; правая верхняя одинарная кавычка
 &#8218; правая нижняя одинарная кавычка

Стрелки

Изображение Символ Код Описание
 &#8592; стрелка влево
 &#8593; стрелка вверх
 &#8594; стрелка вправо
 &#8595; стрелка вниз
 &#8596; стрелка влево и вправо
 &#8656; двойная стрелка влево
 &#8657; двойная стрелка вверх
 &#8658; двойная стрелка вправо (следствие)
 &#8659; двойная стрелка вниз
 &#8660; двойная стрелка влево-вправо (туда-сюда)

Метки: нет меток

Add a Comment

Your email address will not be published. Required fields are marked *