Разработка интернет-магазина от 200 000 ₽

Продвижение сайтов от 20 000 ₽

Техническая поддержка от 5000 ₽

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

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

Спецсимволы прописываются в кодах в требуемых местах (например, для оформления красной строки необходимо в начале первого абзаца поместить значок неразрывных пробелов &nbsp), чувствительны к регистрам. Прописывать символику HTML следует с маленьких букв. Например, символ &quot, набранный из прописных букв, будет иметь совсем иное значение. Включать знаки в какие-либо теги не требуется.

Следует учесть, что отображение спецсимволов HTML возможно не в каждом шрифте. Для полной гарантии корректного отображения знаков нужно выбирать шрифты Arial, Times или Verdana.

Иконки, номера, картинки

ВидHTML-кодCSS-кодОписание
☃\2603Снеговик
☦\2626Христианский крест
⚓\2693Морской якорь
✆\2706Телефонная трубка
☎\260EТелефон
☕\2615Кофе
✎\270EКарандаш, направленный вправо-вниз
✏\270FКарандаш
✐\2710Карандаш, направленный вправо-вверх
✑\2711Незакрашенное острие пера
✒\2712Закрашенное острие пера
⚜\269CГеральдическая лилия
⛑\26D1Шлем с белым крестом
⚝\269DНачерченная белая звезда
❄\2744Снежинка
❤\2764Закрашенное жирное сердце
❅\2745Зажатая трилистниками снежинка
❆\2746Жирная остроугольная снежинка
★\2605Закрашенная звезда
☆\2606Незакрашенная звезда
✪\272AНезакрашенная звезда в закрашенном круге
✫\272BЗакрашенная звезда с незакрашенным кругом внутри
✯\272FВращающаяся звезда
❉\2749Звёздочка с шарообразными окончаниями
❋\274BЖирная восьмиконечная каплеобразная звёздочка-пропеллер
✲\2732Звёздочка с незакрашенным центром
☀\2600Закрашенное солнце с лучами
☁\2601Облака
☂\2602Зонтик
☑\2611Галочка в квадрате
☒\2612Крестик в квадрате
☹\2639Нахмуренный смайлик
☺\263AУлыбающийся смайлик
☻\263BЗакрашенный улыбающийся смайлик
☭\262DСерп и молот
⚑\2691Закрашенный флаг
⚐\2690Незакрашенный флаг
☰\2630Триграмма
✿\273fЗакрашенный цветок
❀\2740Незакрашенный цветок
✾\273EЦветок с шестью лепестками
❁\2741Закрашенный обведённый цветок
❂\2742Цветок из точек
✉\2709Конверт
❦\2766Сердце в виде цветка
❶\2776Номер 1
❷\2777Номер 2
❸\2778Номер 3
❹\2779Номер 4
❺\277AНомер 5
❻\277BНомер 6
❼\277CНомер 7
❽\277DНомер 8
➒\2792Номер 9
➓\2793Номер 10
✖\2716Жирный знак умножения
✘\2718Жирный крестик
✔\2714Жирная отметка галочкой
✚\271AЖирный крест
⚛\269BСимвол атома
♺\267AСимвол переработки
❑\2751Незакрашенный квадрат с правой нижней тенью
❒\2752Незакрашенный квадрат с правой верхней тенью
◈\25C8Алмаз в оправе
◐\25D0Круг с левой закрашенной половиной
◑\25D1Круг с закрашенной правой половиной
⁂\2042Три звездочки

Математические знаки

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

Стрелки направления

Вид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Закрашенная стрелка вверх

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

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

Деньги

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

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

Вид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Рыбы