HTML символы и спецсимволы
Найдите нужный символ по названию и скопируйте его одним кликом — как символ, HTML-сущность или код.
Всё считается в вашем браузере: введённые данные никуда не отправляются.
Как вставить спецсимвол
Нажмите на символ — он скопируется в буфер обмена в выбранном формате и добавится в строку «Набранные символы». Дальше вставьте его куда нужно сочетанием Ctrl+V (⌘+V на Mac).
- Символ — для текста в документах, мессенджерах и CMS.
- HTML-сущность вроде
—— для кода страницы, если есть риск, что редактор испортит символ. - Числовой код
—— работает для любого символа, даже без именованной сущности. - Для CSS — запись вида
\2014для свойстваcontentв псевдоэлементах::beforeи::after.
Типографика, которую часто путают
| Символ | Где нужен |
|---|---|
| «ёлочки» | основные кавычки в русском тексте; внутри — „лапки“ |
| — длинное тире | между частями предложения: «Москва — столица» |
| – короткое тире | в диапазонах: 2020–2026, 10–15 минут |
| - дефис | внутри слов: «кто-то», «онлайн-сервис» |
| неразрывный пробел | между числом и единицей, инициалами и фамилией, после коротких предлогов — чтобы они не отрывались при переносе |
| − минус | в числах и формулах: −5 °C; дефис здесь выглядит короче |
Для замены спецсимволов в готовом тексте на коды пригодится конвертер HTML-сущностей, а для смайлов — каталог эмодзи.
Частые вопросы
Как набрать длинное тире на клавиатуре?
Windows: Alt+0151 на цифровом блоке. Mac: Option+Shift+дефис. В Word можно ввести два дефиса между словами — он заменит их на тире.
Как вставить неразрывный пробел в CMS?
Скопируйте его отсюда — он выглядит как обычный пробел, но не даёт строке разорваться. В HTML-коде используйте .
Почему вместо символа отображается квадрат?
В шрифте устройства нет этого символа. Выберите похожий символ из основного набора или используйте шрифт с расширенной кодировкой.