HTML Entity кодировщик
Что такое HTML-сущности (entities)
HTML-сущности (entities) -- это специальные последовательности символов, которые представляют зарезервированные или специальные символы в HTML. Они начинаются с амперсанда (&) и заканчиваются точкой с запятой (;). Без корректного кодирования браузер может неправильно интерпретировать ваш код, а сайт становится уязвимым для XSS-атак.
Зарезервированные символы
Символы <, >, & и кавычки имеют специальное значение в HTML-разметке. Если их нужно показать как текст, а не как часть тега, используйте сущности. Например, чтобы отобразить знак < в тексте, запишите его как < -- иначе браузер воспримет его как начало HTML-тега.
Специальные символы
Символы авторского права, товарных знаков, валют, математические знаки и типографские символы нельзя набрать с обычной клавиатуры. HTML-сущности предоставляют удобный способ вставки таких символов: © для авторского права, ™ для товарного знака, € для евро.
Типографика
Для русскоязычных текстов особенно важны кавычки-ёлочки (« и »), длинное тире (—), среднее тире (–), многоточие (…) и неразрывный пробел ( ). Правильная типографика делает текст профессиональным и читаемым.
Где применяется кодирование HTML-сущностей
Правильное кодирование спецсимволов -- обязательная практика для любого веб-проекта. Вот основные сценарии использования.
Защита от XSS-атак
Кодирование пользовательского ввода -- первый рубеж защиты от межсайтового скриптинга (XSS). Без экранирования символов < и > злоумышленник может внедрить вредоносный JavaScript в вашу страницу.
Обфускация email-адресов
Кодирование email-адресов через числовые HTML-сущности затрудняет работу спам-ботов, которые сканируют страницы в поисках адресов. Пользователь увидит обычный адрес, а парсер -- набор кодов.
Правильная типографика
Кавычки-ёлочки, длинные тире, неразрывные пробелы и другие типографские символы делают текст профессиональным. HTML-сущности гарантируют корректное отображение во всех браузерах и кодировках.
Работа с кодом в HTML
При публикации примеров кода на веб-странице все угловые скобки и амперсанды должны быть закодированы, иначе браузер интерпретирует их как разметку вместо того, чтобы показать как текст.
Кроссбраузерная совместимость
HTML-сущности одинаково работают во всех браузерах и на всех платформах, в отличие от прямой вставки Unicode-символов, которая может зависеть от кодировки документа и шрифта.
RSS-ленты и XML
В RSS, Atom и XML-документах кодирование спецсимволов строго обязательно. Даже одиночный амперсанд без кодирования сломает валидность документа и не даст парсерам его обработать.
Три формата/ сравнение HTML-сущностей
Стандарт HTML определяет три способа записи сущностей. Каждый имеет свои преимущества и ограничения.
Именованные (Named Entities)
Читаемые человеком мнемоники. Легко запомнить и поддерживать в коде. Определено около 2000 имён в стандарте HTML5. Самые частые: &, <, >, ", , ©, —.
& < > " © — « »Плюс: читаемость. Минус: не для всех символов существуют имена.
Числовые (Numeric / Decimal)
Записываются как &#код; где код -- десятичный номер символа в Unicode. Работают для любого символа Unicode, включая редкие. Универсальны, но менее читаемы.
& < > " © — « »Плюс: покрывают все Unicode-символы. Минус: числа трудно запомнить.
Шестнадцатеричные (Hex)
Записываются как &#xкод; где код -- шестнадцатеричный номер Unicode. Удобны при работе с Unicode-таблицами, где коды символов указаны в hex-формате (U+0026 = &).
& < > " © — « »Плюс: соответствуют Unicode Code Point. Минус: менее привычны.
Рекомендация: используйте именованные сущности для основных символов (&, <, >, ", ) -- они читаемы и легко поддерживаются. Для остальных символов подойдут числовые.
Кодировка UTF-8: если ваш документ использует UTF-8 (а в 2025 году это стандарт), большинство спецсимволов можно вставлять напрямую. Кодирование обязательно только для < > & и кавычек в атрибутах.
Популярные HTML-сущности
Полная таблица часто используемых HTML-сущностей с разбивкой по категориям. Все три формата записи для каждого символа.
!Зарезервированные символы HTML
| Символ | Описание | Named | Numeric | Hex |
|---|---|---|---|---|
| & | Амперсанд | &amp; | &#38; | &#x26; |
| < | Меньше | &lt; | &#60; | &#x3C; |
| > | Больше | &gt; | &#62; | &#x3E; |
| " | Двойная кавычка | &quot; | &#34; | &#x22; |
| ' | Апостроф | &apos; | &#39; | &#x27; |
«Русская типографика
| Символ | Описание | Named | Numeric | Hex |
|---|---|---|---|---|
| « | Кавычка-ёлочка открывающая | &laquo; | &#171; | &#xAB; |
| » | Кавычка-ёлочка закрывающая | &raquo; | &#187; | &#xBB; |
| — | Длинное тире (em dash) | &mdash; | &#8212; | &#x2014; |
| – | Среднее тире (en dash) | &ndash; | &#8211; | &#x2013; |
| … | Многоточие | &hellip; | &#8230; | &#x2026; |
| ␣ | Неразрывный пробел | &nbsp; | &#160; | &#xA0; |
©Знаки и символы
| Символ | Описание | Named | Numeric | Hex |
|---|---|---|---|---|
| © | Копирайт | &copy; | &#169; | &#xA9; |
| ® | Зарег. товарный знак | &reg; | &#174; | &#xAE; |
| ™ | Товарный знак | &trade; | &#8482; | &#x2122; |
| € | Евро | &euro; | &#8364; | &#x20AC; |
| ₽ | Рубль | &#8381; | &#8381; | &#x20BD; |
| ° | Градус | &deg; | &#176; | &#xB0; |
| ± | Плюс-минус | &plusmn; | &#177; | &#xB1; |
Советы по работе с HTML-сущностями
Практические рекомендации для правильного использования HTML entities в ваших проектах.
1Всегда кодируйте пять символов
Минимум пять символов должны быть закодированы в любом HTML-документе: амперсанд (&), угловые скобки (< и >), двойные кавычки (") в атрибутах. Это базовое правило защиты от поломки разметки и XSS-атак.
2Используйте UTF-8 в meta-теге
Убедитесь, что в вашем HTML-документе указана кодировка: <meta charset="UTF-8">. С UTF-8 можно вставлять кириллицу, символ рубля и другие символы напрямую, кодируя только зарезервированные HTML-символы.
3Не забывайте про неразрывный пробел
Символ предотвращает перенос строки между словами. Используйте его между инициалами и фамилией (А. С. Пушкин), после предлогов (в Москве) и перед единицами измерения (100 кг). Это стандарт русской типографики.
4Серверная сторона: всегда экранируйте
При выводе пользовательских данных на страницу серверный код обязан экранировать спецсимволы. В PHP -- htmlspecialchars(), в Python -- html.escape(), в JS/React -- автоматическое экранирование JSX. Никогда не вставляйте пользовательский ввод напрямую (innerHTML).
5Проверяйте валидность HTML
Используйте инструменты разработчика и W3C Validator для проверки корректности HTML-сущностей. Часто встречающаяся ошибка -- амперсанд без кодирования в URL-параметрах внутри href: ?a=1&b=2 вместо ?a=1&b=2.
6Используйте кавычки-ёлочки
По правилам русской типографики используются кавычки-ёлочки («...»), а не прямые ("...") или английские (“...”). Для вложенных кавычек -- „ёлочки внутри ёлочек". В HTML: «текст».
Как пользоваться кодировщиком
Простая пошаговая инструкция для кодирования и декодирования HTML-сущностей.
Выберите режим
Переключитесь между Encode (кодирование) и Decode (декодирование) в верхней панели. Encode конвертирует символы в HTML-сущности, Decode -- обратно.
Настройте формат
В режиме кодирования выберите формат: именованные (&), числовые (&#) или hex (&#x). Включите опцию "кодировать все символы" при необходимости.
Вставьте текст
Введите или вставьте текст в левое поле. Результат появится мгновенно в правом поле без нажатия кнопок. Конвертация происходит в реальном времени.
Скопируйте результат
Нажмите кнопку "Копировать", чтобы скопировать результат в буфер обмена. Или используйте справочник внизу для быстрого копирования конкретных сущностей.
Часто задаваемые вопросы
Лиана Арифметова
Миссия: Демократизировать сложные расчеты. Превратить страх перед числами в ясность и контроль. Девиз: «Любая повторяющаяся задача заслуживает своего калькулятора».
Отказ от ответственности
Только для информационных целей. Все расчёты, результаты и данные, предоставляемые данным инструментом, носят исключительно ознакомительный и справочный характер. Они не являются профессиональной консультацией — медицинской, юридической, финансовой, инженерной или иной.
Точность результатов. Калькулятор основан на общепринятых формулах и методиках, однако фактические результаты могут отличаться в зависимости от индивидуальных условий, исходных данных и применяемых стандартов. Мы не гарантируем полноту, точность или актуальность приведённых расчётов.
Медицинские, финансовые и профессиональные решения должны приниматься исключительно на основании консультации с квалифицированными специалистами — врачом, финансовым советником, инженером или другим профессионалом в соответствующей области. Не используйте результаты данного инструмента как единственное основание для принятия важных решений.
Ограничение ответственности. Авторы и разработчики сервиса не несут никакой ответственности за прямой или косвенный ущерб, возникший в результате использования данных расчётов. Пользователь принимает на себя всю ответственность за интерпретацию и применение полученных результатов.
Похожие инструменты
Калькулятор калорий при плавании
Расход калорий при плавании: кроль, брасс, баттерфляй, на спине. MET-метод, учёт стиля, интенсивности, бассейна.
Калькулятор ценообразования (наценка и маржа)
Рассчитайте цену, наценку, маржу и точку безубыточности. Инструмент для бизнеса и маркетинга.
Конвертер типографских единиц
Конвертация между пунктами, мм, пикселями, em/rem. Типографская шкала, пика, цицеро, дюймы.
Калькулятор стекла: толщина, стеклопакет, теплотехника, звукоизоляция
Расчёт толщины стекла по ветровой нагрузке, теплотехника стеклопакета, звукоизоляция, площадь и стоимость остекления.
Калькулятор хоккея: статистика, вратарь, экипировка, бросок
Хоккейный калькулятор. Статистика полевого и вратаря (SV%, GAA), калории, подбор экипировки, скорость броска.
Калькулятор выходного пособия
Расчёт выходного пособия при сокращении штата или ликвидации по среднему заработку (ТК РФ)
Калькулятор недвижимости (доходность, окупаемость)
Рассчитайте доходность аренды, Cap Rate, срок окупаемости, стоимость за м² и налоги при продаже недвижимости в России.
Калькулятор допусков и посадок
Расчёт полей допусков по ISO 286. Зазор, натяг, переходные посадки. Вал и отверстие.
Калькулятор рассрочки онлайн
Рассчитайте рассрочку без процентов, сравните с кредитом, определите скрытые наценки магазинов. М.Видео, Эльдорадо, DNS, Wildberries.
Калькулятор бодибилдинга: FFMI, макросы, объём тренировки
Расчёт FFMI, калорий и макронутриентов, объёма тренировок, идеальных пропорций и подготовки к соревнованиям ФБФР.
Калькулятор серверной сборки для нейросетей (ИИ) и ML
Конфигуратор GPU-сервера для искусственного интеллекта и машинного обучения. Подбор GPU (A100, H100, L40S), CPU, RAM. Расчёт стоимости и энергопотребления в рублях.
Калькулятор колонны: устойчивость, арматура, фундамент
Расчёт колонны на устойчивость: стальной, железобетонной и деревянной. Критическая сила Эйлера, подбор арматуры, фундамент.
Калькулятор скейтбординга: подбор деки, калории, экипировка
Калькулятор для скейтбордистов. Подбор ширины деки, калории, выбор колёс и подвесок, стоимость комплекта в России.
Калькулятор облачного хранилища
Расчёт объёма облачного хранилища: фото, видео, документы. Сравнение тарифов Яндекс.Диск, Google, iCloud.
Калькулятор тонировки
Расчёт стоимости тонировки автомобиля. Проверка по ГОСТ 33997-2016, типы плёнок, площадь стёкол по типу кузова.