HTML-спецсимволы (мнемоники)

& < >   © — от зарезервированных символов до типографики, валют, математики и букв с диакритикой. Нажмите, чтобы скопировать.

HTML-мнемоники — это способ записать символы, которые браузер иначе прочитает как разметку. Обязательны только первые пять (& < > " '), остальное — вопрос удобства. Шесть групп ниже разделены по назначению. Нажатие копирует код.

Зарезервированные символы HTML

Зарезервированные символы HTML

Эти пять экранируются всегда.

& — Амперсанд
< — Знак «меньше»
> — Знак «больше»
" — Кавычка
&apos; — Апостроф
Пунктуация и типографика

Пунктуация и типографика

Кавычки, тире, пробелы.

  — Неразрывный пробел (выглядит пустым)
&ndash; — Короткое тире
&mdash; — Длинное тире
&hellip; — Многоточие
&bull; — Маркер списка
&sect; — Знак параграфа
&para; — Знак абзаца
&ldquo; — Левая двойная кавычка
&rdquo; — Правая двойная кавычка
&lsquo; — Левая одинарная кавычка
&rsquo; — Правая одинарная кавычка
&laquo; — Левая ёлочка
&raquo; — Правая ёлочка
Валюта и правовые знаки

Валюта и правовые знаки

Правовые уведомления и валюты.

&copy; — Знак авторского права
&reg; — Знак зарегистрированного товарного знака
&trade; — Знак товарного знака
&euro; — Знак евро
&pound; — Знак фунта
&yen; — Знак иены
&cent; — Знак цента
Математика и единицы измерения

Математика и единицы измерения

Для формул и единиц.

&times; — Знак умножения
&divide; — Знак деления
&plusmn; — Знак плюс-минус
&frac12; — Дробь одна вторая
&frac14; — Дробь одна четвёртая
&frac34; — Дробь три четвёртых
&deg; — Знак градуса
&micro; — Знак микро
&infin; — Бесконечность
&asymp; — Приблизительно равно
&ne; — Не равно
&le; — Меньше или равно
&ge; — Больше или равно
&radic; — Квадратный корень
Стрелки, сердца и фигуры

Стрелки, сердца и фигуры

Украшение и направление.

&larr; — Стрелка влево
&rarr; — Стрелка вправо
&uarr; — Стрелка вверх
&darr; — Стрелка вниз
&harr; — Двусторонняя стрелка
&hearts; — Червы (масть)
&diams; — Бубны (масть)
&clubs; — Трефы (масть)
&spades; — Пики (масть)
&starf; — Закрашенная звезда
&star; — Незакрашенная звезда
Буквы с диакритикой

Буквы с диакритикой

Когда буквы нет на клавиатуре.

&eacute; — E с акутом
&egrave; — E с грависом
&ecirc; — E с циркумфлексом
&ntilde; — N с тильдой
&uuml; — U с умлаутом
&ccedil; — C с седилью
&aring; — A с кружком
&oslash; — O с косой чертой
&aelig; — Лигатура AE
&szlig; — Эсцет (немецкая ß)

Пять обязательных — и всё остальное

Частые вопросы

Частые вопросы о HTML-спецсимволах

Нужны ли мнемоники сегодня?

По-настоящему нужны пять: &amp; &lt; &gt;, а также &quot; и &#x27; внутри значений атрибутов. Эти символы конфликтуют с самим синтаксисом HTML — без экранирования браузер прочитает их как конец тега или атрибута. Все прочие символы можно писать напрямую, если файл сохранён в UTF-8.

Когда ставить неразрывный пробел?

Там, где строка не должна переноситься: между числом и единицей («10 кг»), в «Windows 11», перед знаком процента, а в русском наборе — после коротких предлогов и союзов в конце строки. А вот набирать &nbsp; для отступов неправильно — это задача CSS.

Когда нужно экранировать кавычки?

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

Именованная мнемоника или числовая?

Где имя есть, именованная форма (&copy;) читается лучше, и опечатка заметнее. Но имена существуют лишь для ограниченного списка; для всего остального берут числовую форму (&#8212;). Результат одинаковый.

Из-за мнемоник ли ломается кодировка?

Обычно нет. «Кракозябры» почти всегда возникают из-за несовпадения объявленной кодировки: не хватает &lt;meta charset="utf-8"&gt; либо файл сохранён не в UTF-8. Мнемоники маскируют симптом, а решается это приведением кодировки к единому виду.

Преобразите текст с помощью Unicode-шрифтов

Use UltraTextGen to convert plain text into bold, italic, cursive, and 100+ other Unicode font styles — free and instant.

Открыть UltraTextGen →
Похожие страницы

Alt-коды для Windows

Как набрать знак рубля ₽, номер №, копирайт ©, ™, градус ° и греческие буквы — символы, которых нет на русской клавиатуре. Все коды даны с учётом русской раскладки и кодировки Windows-1251. Нажмите на символ, чтобы сразу его скопировать.

Специальные символы (красивые значки для копирования)

Красивые специальные символы, собранные по категориям. Блёстки, сердца, звёзды, стрелки, декоративные скобки и ноты — просто нажмите, чтобы скопировать, и вставьте в описание в Instagram или в ник в игре.

Эстетичные символы — коллекция (копировать и вставить)

Подборка декоративных символов Unicode для описания профиля, имени, подписей и оформления текста. Нажмите на любой символ, чтобы мгновенно его скопировать.