Справочник символов HTML
Каждый раз, когда вы вводите © и гадаете, действительно ли отобразится символ ©, или ищете сущность для короткого тире, неразрывного пробела либо греческой буквы, уходят драгоценные минуты. Этот справочник с поиском содержит все именованные и числовые HTML-сущности, определённые стандартом WHATWG HTML, с мгновенным поиском и копированием одним нажатием.
Как найти HTML-сущность
-
1
Поиск по имени или символу
Введите `copy`, `©`, `8212` или `em dash`, всё это находит одну и ту же сущность.
-
2
Выберите из таблицы
Для каждой сущности показаны её именованная форма, десятичный код и шестнадцатеричный код.
-
3
Копирование одним нажатием
Нажмите, чтобы скопировать сам символ, именованную сущность или числовую сущность.
-
4
Фильтровать по категории
Отфильтровать по валюте, математике, стрелкам, латинским приложениям, греческому языку или пунктуации.
Три способа написания одного и того же символа
В HTML можно записывать специальные символы тремя способами. Выберите тот, который наиболее удобен в чтении и гарантированно будет правильно отображаться на экране.
Три формы
| Символ | Именованная сущность | Десятичный код | Шестнадцатеричный код |
|---|---|---|---|
| © | © |
© |
© |
| ® | ® |
® |
® |
| ™ | ™ |
™ |
™ |
| € | € |
€ |
€ |
| - | — |
— |
— |
| – | – |
– |
– |
| … | … |
… |
… |
|
  |
  |
|
| < | < |
< |
< |
| > | > |
> |
> |
| & | & |
& |
& |
| “ | " |
" |
" |
Когда использовать каждый формат
- Именованные сущности легко читаются в исходном коде (например,
—, это очевидно длинное тире em dash), однако их существует всего около 250; всё более редкое приходится записывать в числовой форме. - Десятичный код подходит для любой кодовой точки Unicode; используйте его, когда знаете десятичное значение (часто из справочной таблицы).
- Шестнадцатеричный код совпадает с обозначением, которое использует сам Unicode (U+2014). Чтобы преобразовать значение U+NNNN, добавьте перед ним префикс
&#x.
Символы, которые нужно экранировать
Эти пять символов ломают HTML, если оставить их в тексте как есть:
<, экранируйте как<или поместите как символьные данные внутрь<pre>.>, экранируйте как>(обязательно только внутри атрибутов).&, экранируйте как&в любом контексте.", экранируйте как"внутри значений атрибутов.', экранируйте как'или'внутри атрибутов в одинарных кавычках.
Всё остальное в HTML5 с кодировкой UTF-8 необязательно: исходный символ Unicode можно использовать напрямую.
Часто задаваемые вопросы
Да, ведь сам символ невидим в исходном коде. Запись говорит сама за себя: любой другой разработчик, читая ваш код, сразу видит намерение не допустить перенос строки именно в этом месте.
Нет, ' определён в XML и HTML5, но не в HTML4. Если апостроф нужен в документе, строго соответствующем HTML4, используйте '; впрочем, все современные браузеры корректно отображают оба варианта.
U+0020, это обычный пробел, по которому браузеры могут переносить строку. U+00A0 (неразрывный пробел, ) не допускает перенос строки и не сливается с соседними пробелами. Используйте его в записи «10 км», чтобы значение и единица измерения оставались вместе.
У эмодзи есть кодовые точки Unicode, и их можно записывать числовыми сущностями (😀 = 😀), но в современных HTML-файлах в кодировке UTF-8 достаточно просто вставить эмодзи напрямую. Форма сущности полезна только для писем или систем с ограничениями по кодировке.
Сопутствующие инструменты
Справочная таблица ASCII
Полная таблица ASCII от 0 до 127 с десятичным, шестнадцатеричным, восьмеричным и двоичным представлением, а также записью числовых ссылок HTML, включая NUL, LF и DEL.
Конвертер BBCode в HTML
Преобразуйте BBCode (разметку форумов) в чистый HTML. Поддерживает теги форматирования, списки, цитаты, код, изображения, ссылки и таблицы.
Генератор случайных цветовых палитр
Создавайте случайные палитры из 2–15 цветов, выбирайте яркий, пастельный, приглушенный или темный стиль и копируйте HEX-коды или CSS-переменные.
Конвертер двоичного кода в ASCII
Вставьте двоичный код (байты через пробел или длинный поток битов) и получите текст ASCII, который он представляет. Поддерживает 7-битные и 8-битные кодировки.
Генератор цветовой палитры
Создавайте монохромные, аналоговые, комплементарные, триадные или тетрадные палитры из базового HEX-цвета и экспортируйте готовые CSS-переменные.
Генератор случайных букв
Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.