Softonic

Справочник символов HTML

Шаг 1 / 3

Введите сам символ, его имя (copy), код (169 или U+00A9) или слово (стрелки).

Далее: посмотреть символы

Каждый раз, когда вы вводите © и гадаете, действительно ли отобразится символ ©, или ищете сущность для короткого тире, неразрывного пробела либо греческой буквы, уходят драгоценные минуты. Этот справочник с поиском содержит самые полезные именованные и числовые HTML-сущности: от знаков препинания и валют до математических знаков и стрелок, с мгновенным поиском и копированием одним нажатием.

Как найти HTML-сущность

  1. 1

    Поиск по имени или символу

    Введите `©`, `copy`, `169`, `U+00A9` или `авторское право`: любой из этих вариантов найдёт знак авторского права.

  2. 2

    Выберите из таблицы

    В каждой строке показаны сам символ, его именованная форма и числовой код.

  3. 3

    Копирование одним нажатием

    Нажмите, чтобы скопировать сам символ, именованную сущность или числовую сущность.

  4. 4

    Фильтровать по категории

    Отфильтровать по распространённым символам, стрелкам, математическим знакам или пунктуации.

Три способа написания одного и того же символа

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

Три формы

Символ Именованная сущность Десятичный код Шестнадцатеричный код
© © © ©
® ® ® ®
™ ™ ™ ™
€ € € €
— — — —
– – – –
… … … …
       
< &lt; &#60; &#x3C;
> &gt; &#62; &#x3E;
& &amp; &#38; &#x26;
“ &quot; &#34; &#x22;

Когда использовать каждый формат

  • Именованные сущности легко читаются в исходном коде (например, &mdash; явно означает длинное тире), однако HTML определяет всего 2 125 имён (252 из них достались от HTML 4.01), а у большинства символов Unicode имени нет: всё остальное приходится записывать в числовой форме.
  • Десятичный код подходит для любого символа Unicode, кроме кодов от 128 до 159: браузеры читают их как символы Windows-1252 (&#150; выводит короткое тире); используйте его, когда знаете десятичное значение (часто из справочной таблицы).
  • Шестнадцатеричный код совпадает с обозначением, которое использует сам Unicode (U+2014). Чтобы преобразовать значение U+NNNN, добавьте перед ним префикс &#x.

Символы, которые нужно экранировать

Эти пять символов ломают HTML, если оставить их в тексте как есть:

  • <, экранируйте как &lt;, даже внутри <pre>.
  • >, экранируйте как &gt; (обязательно только внутри атрибутов).
  • &, экранируйте как &amp; в любом контексте.
  • ", экранируйте как &quot; внутри значений атрибутов.
  • ', экранируйте как &#39; или &apos; внутри атрибутов в одинарных кавычках.

Всё остальное в HTML5 с кодировкой UTF-8 необязательно: исходный символ Unicode можно использовать напрямую.

Часто задаваемые вопросы

Да, ведь сам символ невидим в исходном коде. Запись &nbsp; говорит сама за себя: любой другой разработчик, читая ваш код, сразу видит намерение не допустить перенос строки именно в этом месте.

Нет, &apos; определён в XML и HTML5, но не в HTML4. Если апостроф нужен в документе, строго соответствующем HTML4, используйте &#39;; впрочем, все современные браузеры корректно отображают оба варианта.

U+0020, это обычный пробел, по которому браузеры могут переносить строку. U+00A0 (неразрывный пробел, &nbsp;) не допускает перенос строки и не сливается с соседними пробелами. Используйте его в записи «10 км», чтобы значение и единица измерения оставались вместе.

У эмодзи есть кодовые точки Unicode, и их можно записывать числовыми сущностями (&#128512; = 😀), но в современных HTML-файлах в кодировке UTF-8 достаточно просто вставить эмодзи напрямую. Форма сущности полезна только для писем или систем с ограничениями по кодировке.

Сопутствующие инструменты

Генератор вымышленных телефонных номеров

Создавайте до 50 вымышленных номеров из официально зарезервированных диапазонов пяти стран.

Генератор конфигурации webpack

Создайте webpack.config.js для webpack 5 под чистый JavaScript, React или Vue: TypeScript, Babel, CSS или Sass, изображения, HtmlWebpackPlugin, dev-сервер и команда npm install.

Генератор случайных букв

Генерируйте случайные буквы A-Z. Выберите количество, верхний или нижний регистр либо смешанный вариант для игр, заданий и уроков.

Валидатор XSD

Проверьте XML-документ в соответствии с схемой XSD и выявите несоответствия между элементами и их типами, указав точные номера строк.

Генератор случайных адресов

Создавайте 1–20 похожих на адрес записей для макетов и тестов в трёх упрощённых форматах.

Конвертер размера файлов

Преобразуйте значения между байтами, КБ, МБ, ГБ, ТБ и двоичными единицами IEC (KiB, MiB, GiB, TiB), свободно сочетая десятичные и двоичные единицы.

Инструмент доступен на других языках