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 *