Содержание

100+ Юникод символов, которые можно использовать в HTML/CSS/JS/PHP

В этой заметке речь пойдет об универсальных Unicode-символах. Иконках, которые понимают все браузеры и системы.

Для того чтобы использовать иконки в HTML коде (верстке), обычно устанавливаются пакеты иконок на базе шрифтов, например Font Awesome. Однако, часто удобнее вставить известный браузеру Unicode-символ и не подключать лишние шрифты. Рассмотрим такие символы в этой заметке.

В браузерах есть встроенные библиотеки доступных иконок и иероглифов. Доступны они в Unicode формате — это стандарт, который присваивает уникальный идентификатор для каждого специального символа. Число таких символов (иконок, значков) постоянно растет и сегодня их более 110 000. Но не все браузеры понимают все такие символы. Браузеры работают на базе иконок которые доступны в вашей системе: Windows, Linux, OS X, Android и iOS. В этой заметке собраны иконки, которые установлены во всех таких системах, а значит можно сказать что они универсальные

и их в 99% случаев поймет и отобразит любой браузер.

Как использовать Unicode символы

Значки, приведенные в таблицах ниже, являются обычными символами, которые можно копировать и вставлять, как если бы они были буквами текста. Однако, если кодировка файла (HTML/CSS) куда вставляется скопированный значок не UTF-8 вставленный значок отображаться не будет, более того — он потеряется. Для таких случаев в таблице приведён HTML код знака.

Что нужно сделать, чтобы использовать иконки:

  • Найти нужный значок.
  • Скопировать иконку или её код.
  • Вставить
    скопированное в HTML/JS/PHP как обычный текст. В CSS его можно использовать в качестве значения свойства content:'★';, или так если используется код content:'\2605';.

Использование кода иконки в разных языках. Например UTF8 код ◑ = 25D1, тогда:

CSS                      \25D1
JavaScript / JSON        \u25D1
C / C++ / Java / Python  \u25D1
Perl                     \x{25D1}
Ruby                     \u{25D1}

Значки по сути являются обычным текстом, поэтому им можно указать стили текста: тень, размер, цвет и т.

д.

Иконки

ИконкаDecimalEntitycssНазвание
☺\263AУлыбка
♨\2668Хот-спрингс
➑\27918-мяч
☆\2606Белая звезда
★\2605Черная звезда
✪
\272AБелая звезда обведенная
✰\2730Белая звезда
✧\2727Белая четырехконечная звезда
✦\2726Черная четырехконечная звезда
♡\2661Белое сердце
❤\2764Черное сердце
✈
\2708Самолет
✂\2702Черные ножницы
✄\2704Белые ножницы
♕\2655Корона
✝\271DКрест
††\2020Кинжал
‡‡\2021Двойной Кинжал
◑\25D1Черно-белый круг
♪\266AНота
♫\266BНоты
✣\2723Четыре звездочки с шарами
☑\2611Чекбокс с галочкой
✔\2714Галочка
✘\2718Крестик
╳\2573Квадратный крестик
✎\270EКарандаш
✍\270DПишущая рука
♀\2640Женщина
♂\2642Мужчина
☎\260EЧерный телефон
☏\260F
Белый телефон
✉\2709Конверт
✆\2706Знак телефона
меню

Стрелки

ИконкаDecimalEntitycssНазвание
←←\2190Стрелка влево
→→\2192Стрелка вправо
↑↑\2191Стрелка вверх
↓↓\2193Стрелка вниз
↔↔\2194Стрелка влево вправо
↕\2195Стрелка вверх вниз
⇄\21C4Стрелки вправо и влево
⇅\21C5Стрелки вверх и вниз
↲\21B2Вниз-влево 90 градусов
↳\21B3Стрелка вниз-вправо 90 градусов
↱\21B1Стрелка вверх-вправо 90 градусов
⇤\21E4Стрелка влево к полосе
↶\21B6Полукруг против часовой стрелки
↷\21B7Полукруг по часовой стрелке
↺\21BAКруг против часовой стрелки
↻\21BBКруг по часовой стрелке
➔\2794Широкоугольная стрелка вправо
↯\21AFЗигзагообразная стрелка вниз
↖\2196Стрелка Северо-Запада
➘\2798
Тяжелая юго-восточная стрела
➙\2799Тяжелая стрелка вправо
➚\279AТяжелая северо-восточная стрела
➟\279FПунктирная стрелка вправо
⇠\21E0Пунктирная стрелка влево
➤\27A4Черная стрелка вправо
▶\25B6Стрелка вправо (max)
◀\25C0Стрелка влево (max)
▲\25B2Стрелка вверх (max)
▼\25BCСтрелка вниз (max)
▸\25B8Стрелка вправо (min)
◂\25C2Стрелка влево (min)
▴\25B4Стрелка вверх (min)
▾\25BEСтрелка вниз (min)
►\25BAСтрелка вправо (удлиненная)
◄\25C4Стрелка влево (удлиненная)
▷\25B7Белый указатель вправо
◁\25C1Белый указатель влево
△\25B3Белый указатель вверх
▽\25BDБелый указатель вниз
⇦\21E6Белая стрелка влево
⇨\21E8Белая стрелка вправо
⇒⇒\21D2Двойная стрелка вправо
⇐⇐\21D0Двойная стрелка влево
⇑⇑\21D1Двойная стрелка вверх
⇓⇓\21D3Двойная стрелка вниз
⇔⇔\21D4Двойная стрелка влево-вправо
↵↵\21B5Возврат каретки
меню

Кавычки

ИконкаDecimalEntitycssНазвание
«««\00ABКавычки слева
»»»\00BBКавычек справа
‘‘\2018Открывающая одинарная кавычка
’’\2019Закрывающая одинарная кавычка
‚‚\201AНижняя одинарная кавычка
““\201CОткрывающая двойная кавычка
””\201DЗакрывающая двойная кавычка
„„\201EНижняя двойная кавычка
′′\2032Штрих, минуты, лапка
″″\2033Двойной штрих
‴\2034Тройной штрих
меню

Специальные

ИконкаDecimalEntitycssНазвание
№\2116Номер
©©©\00A9Авторское право
®®®\00AEЗарегистрированный
™™\2122Товарный знак
℮\212EПредполагаемый
···\00B7Средняя Точка (Маркер списка)
••\2022Точка
■\25A0Черный квадрат
□\25A1Белый квадрат
——\2014Длинное тире
‰‰\2030Знак промилле
……\2026Многоточие
¶¶\00B6Знак абзаца
меню

Валюта

ИконкаDecimalEntitycssНазвание
€€\20ACЕвро
£££\00A3Фунт
₤\20A4Лира
¥¥¥\00A5Иена
¢¢¢\00A2Цент
¤¤¤\00A4Валюта
меню

Погода

ИконкаDecimalEntitycssНазвание
°°°\00B0Градус
☀\2600Солнце маленькое
☼\263CСолнце большое
☁\2601Облако
❆\2746Снежинка 1
❅\2745Снежинка 2
❄\2744Снежинка 3
меню

Указатели

ИконкаDecimalEntitycssНазвание
☚\261AУказатель Влево черный
☛\261BУказатель Вправо черный
☜\261CУказатель Левый белый
☝\261DУказатель Вверх белый
☞\261EУказатель Вправо белый
☟\261FУказатель Вниз белый
меню

Фракции

ИконкаDecimalEntitycssНазвание
½½½\00BDПоловина (1/2)
¼¼¼\00BCЧетверть (1/4)
¾¾¾\00BEТри четверти (3/4)
⅓\2153Одна треть (1/3)
⅔\2154Две трети (2/3)
⅛\215BОдна восьмая (1/8)
⅜\215CТри восьмых (3/8)
⅝\215DПять восьмых (5/8)
⅞\215EСемь восьмых (7/8)
меню

Римские цифры

ИконкаDecimalEntitycssНазвание
Ⅰ\2160Один (римская цифра)
Ⅱ\2161Два (римская цифра)
Ⅲ\2162Три (римская цифра)
Ⅳ\2163Четыре (римская цифра)
Ⅴ\2164Пять (римская цифра)
Ⅵ\2165Шесть (римская цифра)
Ⅶ\2166Семь (римская цифра)
Ⅷ\2167Восемь (римская цифра)
Ⅸ\2168Девять (римская цифра)
Ⅹ\2169Десять (римская цифра)
Ⅺ\216AОдиннадцать (римская цифра)
Ⅻ\216BДвенадцать (римская цифра)
меню

Математика

ИконкаDecimalEntitycssНазвание
∞∞\221EБесконечность
±±±\00B1Плюс-минус
≅≅\2245Приблизительно равно
≈≈\2248Асимптотически равно
≠≠\2260Не равно
≡≡\2261Тождественно равно
≤≤\2264Меньше или равно
≥≥\2265Больше или равно
÷÷÷\00F7Деление
×××\00D7Умножение х
✖\2716Тяжелое умножение x
¹¹¹\00B9Один (верхний индекс)
²²²\00B2Два (верхний индекс)
³³³\00B3Три (верхний индекс)
⊕⊕\2295Прямая сумма
⊗⊗\2297Векторное произведение
∏∏\220FN-арное произведение
∑∑\2211N-арная сумма (Сигма)
∅∅\2205Пустое множество. Диаметр.
∠∠\2220Угол
∥\2225Параллельно
⊥⊥\22A5Перпендикулярно
△\25B3Треугольник
○\25CBКруг
□\25A1Квадрат
‾‾\203EНадчеркивание
⁄⁄\2044Дробная черта
ИконкаDecimalEntitycssНазвание
√√\221AРадикал
∝∝\221DПропорционально
∩∩\2229Пересечение
∪∪\222AОбъединение
∫∫\222BИнтеграл
∴∴\2234Следовательно
∼∼\223CОператор тильда
⊂⊂\2282Подмножество
⊃⊃\2283Надмножество
⊄⊄\2284Не подмножество
⊆⊆\2286Подмножество или равно
⊇⊇\2287Надмножество или равно
∧∧\2227Логичское И
∨∨\2228Логичское ИЛИ
ИконкаDecimalEntitycssНазвание
ℑℑ\2111Мнимая часть числа
ℜℜ\211CДействительная часть числа
ℵℵ\2135Алеф
ИконкаDecimalEntitycssНазвание
∀∀\2200Квантор всеобщности
∃∃\2203Квантор существования
∂∂\2202Дифференциал
∇∇\2207Набла
∈∈\2208Принадлежит множеству
∉∉\2209Не принадлежит множеству
∋∋\220BЯвляется членом
ИконкаDecimalEntitycssНазвание
ΔΔΔ\0394Дельта (прописная)
ƒƒƒ\0192Курсивное f
ΑΑΑ\0391Альфа (прописная)
ΒΒΒ\0392Бета (прописная)
ΓΓΓ\0393Гамма (прописная)
ΕΕΕ\0395Эпсилон (прописной)
ΖΖΖ\0396Дзета (прописная)
ΗΗΗ\0397Эта (прописная)
ΘΘΘ\0398Тета (прописная)
ΙΙΙ\0399Иота (прописная)
ΚΚΚ\039AКаппа (прописная)
ΛΛΛ\039BЛамбда (прописная)
ΜΜΜ\039CМю (прописная)
ΝΝΝ\039DНю (прописная)
ΞΞΞ\039EКси (прописная)
ΟΟΟ\039FОмикрон (прописной)
ΠΠΠ\03A0Пи (прописная)
ΡΡΡ\03A1Ро (прописная)
ΣΣΣ\03A3Сигма (прописная)
ΤΤΤ\03A4Тау (прописная)
ΥΥΥ\03A5Ипсилон (прописная)
ΦΦΦ\03A6Фи (прописная)
ΧΧΧ\03A7Хи (прописная)
ΨΨΨ\03A8Пси (прописная)
ΩΩΩ\03A9Омега (прописная)
ααα\03B1Альфа (строчная)
βββ\03B2Бета (строчная)
γγγ\03B3Гамма (строчная)
δδδ\03B4Дельта (строчная)
εεε\03B5Эпсилон (строчная)
ζζζ\03B6Дзета (строчная)
ηηη\03B7Эта (строчная)
θθθ\03B8Тета (строчная)
ιιι\03B9Иота (строчная)
κκκ\03BAКаппа (строчная)
λλλ\03BBЛамбда (строчная)
μμμ\03BCМю (строчная)
ννν\03BDНю (строчная)
ξξξ\03BEКси (строчная)
οοο\03BFОмикрон (строчный)
πππ\03C0Пи (строчная)
ρρρ\03C1Ро (строчная)
ςςς\03C2Сигма конечная (строчная)
σσσ\03C3Сигма (строчная)
τττ\03C4Тау (строчная)
υυυ\03C5Ипсилон (строчная)
φφφ\03C6Фи (строчная)
χχχ\03C7Хи (строчная)
ψψψ\03C8Пси (строчная)
ωωω\03C9Омега (строчная)
ϑϑϑ\03D1Тета (строчная)
ϒϒϒ\03D2Ипсилон с крючком
ϖϖϖ\03D6Пи
меню

Карты

ИконкаDecimalEntitycssНазвание
♠♠\2660Пики черные
♥♥\2665Сердце черные
♦♦\2666Буби черные
♣♣\2663Крести черные
♤\2664Пики белые
♡\2661Сердце белые
♢\2662Буби белые
♧\2667Крести белые
меню

Шахматы

ИконкаDecimalEntitycssНазвание
♔\2654Король белый
♕\2655Ферзь белый
♖\2656Ладья белая
♗\2657Слон белый
♘\2658Конь белый
♙\2659Пешка белая
♚\265AКороль черный
♛\265BФерзь черный
♜\265CЛадья черная
♝\265DСлон черный
♞\265EКонь черный
♟\265FПешка черная
меню

Дерево папок

ИконкаDecimalEntitycssНазвание
├\251C
└\2514
┬\252C
─\2500

Статьи до этого: HTML

Использование спецсимволов — HTML, CSS, JavaScript, Perl, PHP, MySQL: Weblibrary.

biz

В HTML и, соответственно, в броузерах реализована возможность прорисовки
символов по их кодам. Символы могут быть общепринятыми, вводимыми с кла
виатуры, нестандартными и используемыми в HTML в качестве служебных. Все
их будем называть спецсимволами. Первый способ ввода спецсимвола заключает
ся в указании его кода. Например, латинскую букву А можно задать так: &#65. Для
некоторых символов предусмотрена мнемоническая кодировка. В табл. 2.1 приве
ден набор часто используемых спецсимволов (по стандарту ISO 88591). Для от
деления кода символа от последующего текста надо вводить точку с запятой.


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


640×480

Двойная кавычка, угловые скобки и амперсанд (“, <, >, &) являются служебными в
HTML. Если их надо использовать в обычном тексте на Webстранице, то они
должны быть указаны только при помощи кодов.

Интересно, что кириллица тоже может быть реализована в виде набора спецсимво
лов. Русские буквы расположены (при кодировании Windows1251) в том месте
кодовой таблицы, где первоначально располагались латинские буквы с тильдами,
умляутами и т. д. Поэтому англоязычные редакторы HTML при переключении
клавиатурного регистра часто записывают кириллицу в виде кодов. Эта особен
ность рассмотрена в разделе «HoTMetaL PRO 5.0» главы 8.

Таблицы спецсимволов расположены в файле Spec.htm на прилагаемой дискете.
Вы можете проделать эксперимент с этим файлом. Создайте его копию и удалите
из текста указание на кодовую страницу (charset=windows1251). Затем откройте
страницу в броузере и посмотрите, как изменятся образцы символов. Например,
вместо русских могут появиться символы европейских алфавитов (буквы с тильда
ми, умляутами и т. д.). Может измениться и вид кириллицы, набранной при помо
щи мнемокодов. Изменив вид кодировки в броузере, можно увидеть самые разные
буквы. Если же вид некоторых спецсимволов не зависит от выбранной кодиров
ки, то эти символы можно с уверенностью использовать в своих Webстраницах.

Типы данных

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

Числовые данные требуются только для указания значений атрибутов и записы
ваются без кавычек.

Гиперссылки (координаты переходов) обычно состоят из двух частей: текста под
сказки и адреса, который определяет координату перехода. Текст подсказки или
заменяющий его рисунок располагается внутри элемента А, а адрес задается при
помощи атрибута href. Гиперссылка обычно выделяется на фоне обычного текста
цветом или подчеркиванием. Кроме того, вид указателя мыши обязательно измЪ
няется, когда пользователь помещает его над гиперссылкой.

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

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


<HR w.idth=100>

Горизонтальный размер может быть задан и в процентном отношении к ширине
окна броузера:


<HR width=50%>

Если размер окна будет изменен, то изменится и длина горизонтальной линии.
Символ * может использоваться для разделения пространства страницы в опреде
ленных пропорциях. Ниже показаны два способа определения фреймов (атрибут
cols создает фреймы с вертикальным делением), причем левый фрейм в данном
случае всегда будет в три раза уже, нежели правый.


<FRAMESET cols="25%, 75%">
<FRAMESET cols="1*. 3*">

Управление цветом

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


color="red"

В табл. 2.2. представлены все допустимые названия цветов. Но в общем случае
цвет определяется так называемым RGBкодом, шаблоны которого уже упомина
лись выше. Любой цвет представляется в этом случае как комбинация красного
(R), зеленого (G) и синего (В) цветов, взятых в определенных пропорциях

Доля каждой цветовой составляющей определяется интенсивностью цвета и вы
ражается двуразрядным шестнадцатеричным числом. В десятичном исчислении
эти числа соответствуют диапазону от 0 до 255. Легко подсчитать, что комбинируя
интенсивности трех базовых цветов, разработчик Webстраницы имеет возмож
ность запрограммировать любой из 16 777 216 доступных оттенков. В Windows 95
это соответствует цветовому режиму монитора True Color (24разрядное двоич
ное кодирование цвета). Это наилучший на сегодняшний день режим цветопере
дачи. Таким он, видимо, останется и в дальнейшем, так как возможности цветово
го зрения человека и возможности мониторов в смысле точного воспроизведения
цветовых нюансов подходят здесь к своему пределу. Таким образом, пользовате
ли и разработчики Webстраниц нисколько не ущемлены в своих «цветовых пра
вах» по сравнению с остальным компьютерным миром.

Если вы внимательно посмотрите на коды, приведенные в табл. 2.2, то обнаружи
те, что для формирования стандартных цветов часто используются или крайние
значения интенсивности базового цвета 00 и FF, или среднее значение 80. Многие
современные приложения имеют средства для работы с цветом, предоставляя
пользователю возможность, выбрав в палитре цвет, увидеть его численные ха
рактеристики. И наоборот, задав численные значения получить новый оттенок.
Нельзя, правда, сказать, что все подобные программы совместимы между собой в
смысле генерации цвета. Создав некоторый цвет в одной программе и задав его
RGBкод в другой, вы не обязательно получите тот же самый оттенок. Цветовые
нюансы для Webстраниц лучше всего проверять на самих страницах. В файле
Color.htm на прилагаемой дискете приведен пример подбора оранжевого цвета.
Он труднее всего воспроизводится на компьютере и требует визуального тестиро
вания. Подобную страницу можно использовать и для подбора других оттенков.
Фрагмент HTMLфайла для этого приведен ниже:

<TABLE border=3 width=200>
<TR>
<TD align="cerrter" bgcolor="white" ><В>Код</Ь>
<TD align="center" bgcolor="white" ><В>Цвет</Ь>
<TRXTD>#FFBOOO <TD bgcolor=#FFBOOO >1
<TRXTD>#FFA800 <TD bgcolor=#FFA800 >2
<TRXTD>#FFAOOO <TD bgcolor=#FFAOOO >3
<TR><TD>#FF9800 <TD bgcolor=#FF9800 >4
<TRxTD>#FF9000 <TD bgcolor=#FF9000 >5
<TRxTD>«FF8800 <TD bgcolor=#FF3800 >6
<TRxTD>#FF8000 <TD bgcolor=#FF8000 >7
<TRxTD>#FF7800 <TD bgcolor=#FF7800 >8
<TRXTD>#FF7000 <TD bgcolor=#FF7000 >9
<TRXTD>#FF6800 <TD bgcolor=#FF6800 >10
<TR><TD>#FF6000 <TD bgcolor=#FF6000 >11
<TR><TD>#FF5800 <TD bgcolor=#FF5800 >12
</table>

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


bgcolor=#/?/?GGfl6

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

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


<HR color="lime" size=20 width=18 align="left">

Подобные изображения можно использовать для разделения частей страницы или
в качестве маркеров списка. Теоретически их можно указывать и в гинерссылках
(как деталь, на которой надо щелкать мышью), но это не совсем удобно: элемент
HR всегда размещается на отдельной строке.
Ну, и наконец, осталось привести HTMLкод, рисующий радугу на Webстранице:


<FONT color="red"> РАДУГА </font>
<TABLE border=0 width=100% >
<TR><TD bgcolor=#FF3030 Ж
<TR><TD bgcolor=FFDOOO >0
<TR><TD bgcolor=#F3FF5F >Ж
<TR><TD bgcolor=#OOFFOO >3
<TR><TD bgcolor=#6FD3F7 >F
<TR><TD bgcolor=f}5F72FDF >C
<TRXTD bgcolor=#B568F4 >Ф
</table>

Можно сделать вывод, что «раскрашивание» Webстраницы — хороший способ при
дать ей современный, профессиональный вид. Но в данном случае большое значение
имеют не только изобретательность и вкус, но особенно чувство меры. Цветовая
проработка Webстраницы является альтернативой использованию многочислен
ных рисунков и позволяет обеспечить более быструю загрузку документа. Так уж
повелось, что многие мелкие детали (например, маркеры) представляют собой фай
лы формата GIF, и часто приходится долго ждать, пока загрузятся все кружочки,
квадратики, черточки и другая графическая мелочь. Солидные фирмы могут себе
это позволить, так как заинтересованному клиенту не остается другого выхода, как
ждать окончания загрузки нужной страницы. Если вы создаете личную страницу,
то есть резон сделать ее быстро загружаемой. Иначе ваши потенциальные читатели,
не дождавшись прорисовки всех деталей, уйдут «бродить» по другим уголкам Сети.
Я думаю, не будет большой ошибкой утверждать, что разработчики HTML серь
езно просчитались, не включив в язык элементы, позволяющие строить примитив
ные графические объекты. Это практически безграничное ноле деятельности для
совершенствования гипертекста. Важность графики, поддерживаемой броузером,
явно недооценили, а теперь, видимо, слишком поздно наверстывать упущенное,
так как признание завоевали другие подходы.

ПРИМЕЧАНИЕ
К сожалению, данный раздел по технологическим соображениям невозможно дополнить цвет
ными иллюстрациями, но такие иллюстрации можно найти в примерах в файле Color.htm на
прилагаемой дискете.

Спецсимволы HTML для сайта

ВидHTML-кодCSS-кодОписание
&#9731;\2603Снеговик
&#9766;\2626Православный крест
&#9875;\2693Якорь
&#10163;\27B3Стрела направо
&#9990;\2706Знак телефона
&#9749;\2615Горячие напитки
&#9998;\270EКарандаш, направленный вправо-вниз
&#9999;\270FКарандаш
&#10000;\2710Карандаш, направленный вправо-вверх
&#10001;\2711Незакрашенное острие пера
&#10002;\2712Закрашенное острие пера
&#9884;\269CГеральдическая лилия
&#10052;\2744Снежинка
&#10084;\2764Закрашенное жирное сердце
&#10053;\2745Зажатая трилистниками снежинка
&#10054;\2746Жирная остроугольная снежинка
&#9733;\2605Закрашенная звезда
&#9734;\2606Незакрашенная звезда
&#10026;\272AНезакрашенная звезда в закрашенном круге
&#10027;\272BЗакрашенная звезда с незакрашенным кругом внутри
&#10031;\272FВращающаяся звезда
&#10057;\2749Звёздочка с шарообразными окончаниями
&#10059;\274BЖирная восьмиконечная каплеобразная звёздочка-пропеллер
&#10034;\2732Звёздочка с незакрашенным центром
&#9055;\235FApl функциональный символ звезда в круге
&#8859;\229BОператор звездочки в круге
&#9728;\2600Закрашенное солнце с лучами
&#9729;\2601Облака
&#9730;\2602Зонтик
&#9745;\2611Галочка в квадрате
&#9746;\2612Крестик в квадрате
&#9785;\2639Нахмуренный смайлик
&#9786;\263AУлыбающийся смайлик
&#9787;\263BЗакрашенный улыбающийся смайлик
&#9773;\262DСерп и молот
&#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
&#10144;\27A0Летящая стрела
&#10148;\27A4Наконечник стрелы
&#10149;\27A5Изогнутая стрела, указывающая вниз и вправо
&#10150;\27A6Изогнутая стрела, указывающая вверх и вправо
&#10076;\275CЖирная одинарная верхняя запятая
&#10075;\275BЖирная одинарная повёрнутая верхняя запятая
&#10006;\2716Жирный знак умножения
&#10008;\2718Жирный крестик
&#10004;\2714Жирная отметка галочкой
&#10010;\271AЖирный крест
&#8634;\21BAКруглая стрелка с наконечником против часовой стрелки
&#8635;\21BBКруглая стрелка с наконечником против часовой стрелки
&nbsp;\00A0Неразрывный пробел
­&shy;\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Нижняя двойная кавычка
&&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Интеграл
&larr;\2190Стрелка влево
&uarr;\2191Стрелка вверх
&rarr;\2192Стрелка вправо
&darr;\2193Стрелка вниз
&harr;\2194Стрелка влево-вправо
&crarr;\21B5Стрелка вниз и влево – знак возврата каретки
&lArr;\21D0Двойная стрелка налево
&uArr;\21D1Двойная стрелка вверх
&rArr;\21D2Двойная стрелка направо
&dArr;\21D3Двойная стрелка вниз
&hArr;\21D4Двойная стрелка влево-вправо
&spades;\2660«Пики»
&clubs;\2663«Трефы»
&hearts;\2665«Червы»
&diams;\2666«Бубны»
&#9825;\2661Контур «Червы»
&#9826;\2662Контур «Бубны»
&#9828;\2664Контур «Пики»
&#9831;\2667Контур «Трефы»
¢&cent;\FFE0Цент
£&pound;\FFE1Фунт стерлингов
¥&yen;\00A5Йена или юань
&euro;\20ACЕвро
$&#36;\0024Доллар
&#8372;\20B4Знак гривны
&#8377;\20B9Индийская рупия
&#22291;\5713Китайский юань
&#8376;\20B8Казахстанский тенге
&#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.

Как добавить смайлики в HTML

Привет, сегодня я покажу вам подборку самых популярных спецсимволов  HTML. Спецсимволы HTML , или символы-мнемоники, представляют собой конструкцию SGML.

Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.

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

Как добавить спецсимвол.

Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.

Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).

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

ВидHTML-кодCSS-кодОписание
&#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;\00A0Неразрывный пробел
&shy;\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Правая квадратная скобка

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;\00A5Йена или юань
&euro;\20ACЕвро
$&#36;\0024Доллар
&#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, представленный в записи — https://yadi. sk/d/MH-1Tk583RdgQf

Что такое спецсимволы html

Здравствуйте уважаемые начинающие веб-мастера.

Продолжим изучать элементы HTML.

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

Специальные символы (мнемоники) применяются для отображения знаков, которых нет на клавиатуре.

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

Вот поэтому в html, и были разработаны спецсимволы. Число им — тьма. В моей таблице приведены только те, которые, возможно, могут быть использованы нами.

Я не стану долго распространяться над их происхождением, так как цель этой статьи — случаи их наиболее частого применения.

Самым распространённым, является написание угловых скобок < >.

Дело в том, что в угловые скобки в html заключаются теги, и если редакторе типа Notepad++, в тексте html файла, вам вдруг захочется поставить знаки больше или меньше, то браузер воспримет их как начало, или конец тега.

Но так как никакого тега нет и в помине, то всё, что будет находится после знака, в браузере не отразиться.

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

Ещё одним, часто применяемым спецсимволом, является «Неразрывный пробел».

При помощи него решаются следующие задачи:

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

При помощи спецсимвола «Неразрывный пробел» можно дать браузеру команду, не выполнять перенос в определённом месте.

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

В результате слово останется в той же строке, что и предыдущее.

2. Если Вам потребуется увеличить расстояние между абзацами статьи, то сделать это обычным переносом (клавиша Enter) не получится.

Для реализации, после переноса клавишей Enter, ставится спецсимвол «Неразрывный пробел», затем ещё раз Enter.

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

3. При помощи спецсимвола «Неразрывный пробел», можно создать красную стоку.

Если перед первым словом строки вставить несколько (лучше 4) спецсимволов, то получится отступ, то есть «Красная строка.»

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

Дело в том, что WordPress, по замыслу разработчиков, переделывает двойную кавычку, которую Вы ставите в тексте, в угловую.

Когда в угловую кавычку помещается слово, то это визуально воспринимается нормально, но если Вы выкладываете код, в котором есть прямые кавычки, то угловые там смотрятся, как что-то инородное.

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

Желаю творческих успехов.


Перемена

Таблицы < < < В раздел > > > Мета-теги

Css content коды символов – Тарифы на сотовую связь

Знаки валют
&cent;¢Знак цента
&pound;£Знак фунта
&euro;Знак евро
&yen;¥Знак японской иены
&curren;¤Знак общей валюты
Знаки регистрации и прав
&copy;©Знак авторского права
&reg;®Товарный знак
&trade;Знак торговой марки
Знаки пунктуации и пробелы
&nbsp; Неразрывный пробел
&ensp;En пробел
&emsp;Em пробел
&thinsp;Тонкий пробел
&zwnj;Пробел нулевой ширины
&ndash;Знак тире
&mdash;Знак длинного тире
&hellip;Многоточие
&bull;Пункт
&prime;Штрих, минуты, футы
&Prime;Двойной штрих, секунды, дюймы
&oline;Знак надчеркивания
&frasl;Доля
Кавычки
&lsquo;Левая одинарная кавычка
&rsquo;Правая одинарная кавычка
&sbquo;Одинарная низкая кавычка
&ldquo;Левая двойная кавычка
&rdquo;Правая двойная кавычка
&bdquo;Двойная низкая кавычка
&quot;«Двойная кавычка
&laquo;«Кавычка ёлочка левая
&raquo;»Кавычка ёлочка правая
Стрелки
&larr;Стрелка влево
&rarr;Стрелка вправо
&uarr;Стрелка вверх
&darr;Стрелка вниз
&harr;Двухконечная стрелка
&crarr;Стрелка ввода или возврат каретки
&lArr;Двойная стрелка влево
&rArr;Двойная стрелка вправо
&uArr;Двойная стрелка вверх
&dArr;Двойная стрелка вниз
&hArr;Двойная двухконечная стрелка
Математические операторы
&plusmn;±Плюс-минус
&times;×Знак умножения
&divide;÷Знак деления
&fnof;ƒЗнак функции
&lt;<Знак меньше
&gt;>Знак больше
&le;Меньше либо равно
&ge;Больше либо равно
&amp;&Знак амперсанд
&minus;Знак минус
&forall;Квантор всеобщности
&part;Знак дифференциал
&exist;Квантор существования
&empty;Знак пустое множество, диаметр
&nabla;Набла
&isin;Принадлежит множеству
&notin;Не принадлежит множеству
&ni;Является членом
&prod;n-арное произведение
&sum;n-арная сумма
&lowast;Оператор звездочка
&radic;Квадратный корень, радикал
&prop;Пропорционально
&infin;Знак бесконечности
&ang;Угол
&and;Логическое «И»
&or;Логическое «ИЛИ»
&cap;Пересечение
&cup;Объединение
&int;Интеграл
&there4;Поэтому
&sim;Тильда
&cong;Приблизительно равны
&asymp;Асимптотически равно
&ne;Не равны
&equiv;Идентичный
&sub;Подмножество
&sup;Надмножество
&nsub;Не является подмножеством
&sube;Подмножество или равно
&supe;Надмножество или равно
&oplus;Прямая сумма
&otimes;Векторное произведение
&perp;Перпендикуляр
&sdot;Оператор точка
Буквы греческого алфавита
&Alpha;ΑГреческая заглавная буква альфа
&Beta;ΒГреческая заглавная буква бета
&Gamma;ΓГреческая заглавная буква гамма
&Delta;ΔГреческая заглавная буква дельта
&Epsilon;ΕГреческая заглавная буква эпсилон
&Zeta;ΖГреческая заглавная буква зета
&Eta;ΗГреческая заглавная буква эта
&Theta;ΘГреческая заглавная буква тета
&Iota;ΙГреческая заглавная буква иота
&Kappa;ΚГреческая заглавная буква каппа
&Lambda;ΛГреческая заглавная буква лямбда
&Mu;ΜГреческая заглавная буква мю
&Nu;ΝГреческая заглавная буква ню
&Xi;ΞГреческая заглавная буква кси
&Omicron;ΟГреческая заглавная буква омикрон
&Pi;ΠГреческая заглавная буква пи
&Rho;ΡГреческая заглавная буква ро
&Sigma;ΣГреческая заглавная буква сигма
&Tau;ΤГреческая заглавная буква тау
&Upsilon;ΥГреческая заглавная буква ипсилон
&Phi;ΦГреческая заглавная буква фи
&Chi;ΧГреческая заглавная буква хи
&Psi;ΨГреческая заглавная буква пси
&Omega;ΩГреческая заглавная буква омега
&alpha;αГреческая строчная буква альфа
&beta;βГреческая строчная буква бета
&gamma;γГреческая строчная буква гамма
&delta;δГреческая строчная буква дельта
&epsilon;εГреческая строчная буква эпсилон
&zeta;ζГреческая строчная буква зета
&eta;ηГреческая строчная буква эта
&theta;θГреческая строчная буква тета
&iota;ιГреческая строчная буква иота
&kappa;κГреческая строчная буква каппа
&lambda;λГреческая строчная буква лямбда
&mu;μГреческая строчная буква мю
&nu;νГреческая строчная буква ню
&xi;ξГреческая строчная буква кси
&omicron;οГреческая строчная буква омикрон
&pi;πГреческая строчная буква пи
&rho;ρГреческая строчная буква ро
&sigmaf;ςГреческая строчная буква сигма конечная
&sigma;σГреческая строчная буква сигма
&tau;τГреческая строчная буква тау
&upsilon;υГреческая строчная буква ипсилон
&phi;φГреческая строчная буква фи
&chi;χГреческая строчная буква хи
&psi;ψГреческая строчная буква пси
&omega;ωГреческая строчная буква омега
&thetasym;ϑГреческая строчная буква тета, символ
&upsih;ϒГреческая строчная буква ипсилон, с засечкой
&piv;ϖГреческая строчная буква пи, символ
Латинские символы
&fnof;ƒЛатинская строчная буква f, с засечкой
&OElig;ŒДифтонг OE заглавный
&oelig;œДифтонг oe строчный
&Scaron;ŠЛатинская заглавная буква S
&scaron;ŠЛатинская строчная буква s
&Yuml;ŸЛатинская заглавная буква игрик
Остальные символы
&iexcl;¡Перевернутый восклицательный знак
&iquest;¿Перевернутый вопросительный знак
&brvbar;¦Вертикальная черта с разрывом
&sect;§Параграф
&uml;¨Умляют (трема)
&deg;°Градус
&frac14;¼Одна четвертая
&frac12;½Одна вторая
&frac34;¾Три четвертых
&acute;´Ударение
&micro;µМю
&para;Символ параграфа
&middot;·Средняя точка
&ordf;ªПорядковый показатель
&sup1;¹Первая степень
&sup2;²Вторая степень
&sup3;³Третья степень
&ordm;ºПорядковый показатель
&circ;ˆМодификатор
&tilde;˜Маленькая тильда
&dagger;Крестик
&Dagger;Двойной крестик
&permil;Промилле
&loz;Ромб
&spades;Пики
&clubs;Крести
&hearts;Черви
&diams;Буби
&lceil;Левый верхний угол
&rceil;Правй верхний угол
&lfloor;Левый нижний угол
&rfloor;Правый нижний угол
&not;¬Приставка
&macr;¯Знак долготы
&Agrave;ÀЗаглавная A, с апострофом
&Aacute;ÁЗаглавная A, с ударением
&Acirc;ÂЗаглавная A, с диакритическим знаком
&Atilde;ÃЗаглавная A, с тильдой
&Auml;ÄЗаглавная A, со знаком умляют
&Aring;ÅЗаглавная A, с кругом
&AElig;ÆДифтонг АЕ
&Ccedil;ÇЗаглавная C, седиль
&Egrave;ÈЗаглавная E, с апострофом
&Eacute;ÉЗаглавная E, с ударением
&Ecirc;ÊЗаглавная E, со диакретическим знаком
&Euml;ËЗаглавная E, со знаком умляут
&Igrave;ÌЗаглавная I, с апострофом
&Iacute;ÍЗаглавная I, с ударением
&Icirc;ÎЗаглавная I, со диакретическим знаком
&Iuml;ÏЗаглавная I, со знаком умляут
&ETH;ÐЗаглавная Eth
&Ntilde;ÑЗаглавная N, с тильдой
&Ograve;ÒЗаглавная O, с апострофом
&Oacute;ÓЗаглавная O, с ударением
&Ocirc;ÔЗаглавная O, со диакретическим знаком
&Otilde;ÕЗаглавная O, с тильдой
&Ouml;ÖЗаглавная O, со знаком умляут
&times;×Знак умножения
&Oslash;ØЗаглавная O, со слэшем
&Ugrave;ÙЗаглавная U, с апострофом
&Uacute;ÚЗаглавная U, с ударением
&Ucirc;ÛЗаглавная U, со диакретическим знаком
&Uuml;ÜЗаглавная U, со знаком умляут
&Yacute;ÝЗаглавная Y, с ударением
&THORN;ÞЗаглавная THORN
&szlig;ßСтрочная s, sz лигатура
&agrave;àСтрочная a, с апострофом
&aacute;áСтрочная a, с ударением
&acirc;âСтрочная a, с диакретическим знаком
&atilde;ãСтрочная a, с тильдой
&auml;äСтрочная a, со знаком умляут
&aring;åСтрочная a, с кругом
&aelig;æСтрочная ae дифтонг
&ccedil;çСтрочная c
&egrave;èСтрочная e, с апострофом
&eacute;éСтрочная e, с ударением
&ecirc;êСтрочная e, с диакретическим знаком
&euml;ëСтрочная e, со знаком умляут
&igrave;ìСтрочная i, с апострофом
&iacute;íСтрочная i, с ударением
&icirc;îСтрочная i, со диакретическим знаком
&iuml;ïСтрочная i, со знаком умляут
&eth;ðСтрочная eth
&ntilde;ñСтрочная n, с тильдой
&ograve;òСтрочная o, с апострофом
&oacute;óСтрочная o, с ударением
&ocirc;ôСтрочная o, с диакретическим знаком
&otilde;õСтрочная o, с тильдой
&ouml;öСтрочная o, со знаком умляут
&divide;÷Знак деления
&oslash;øСтрочная o, со слэшем
&ugrave;ùСтрочная u, с апострофом
&uacute;úСтрочная u, с ударением
&ucirc;ûСтрочная u, со диакретическим знаком
&uuml;üСтрочная u, со знаком умляут
&yacute;ýСтрочная y, с ударением
&thorn;þСтрочная thorn
&yuml;ÿСтрочная y, со знаком умляут