все инструменты

Конвертер HTML-сущностей

Закодируйте спецсимволы вроде <, >, & и кавычек в HTML-сущности или декодируйте сущности обратно в текст. Безопасно показывайте код на страницах.

Кодируйте и декодируйте HTML-сущности

Некоторые символы имеют в HTML особое значение. < начинает тег, а & — сущность, поэтому, чтобы показать их как текст, их записывают HTML-сущностями (мнемониками): <, >, &, " и '. Сущностями можно записывать и символы вроде © (©), кавычки-ёлочки (« и ») и буквы с диакритикой.

Выберите Кодировать, чтобы превратить спецсимволы в сущности, например чтобы показать пример кода на странице. Выберите Декодировать, чтобы вернуть сущности в обычные символы, например когда текст из фида или базы данных полон & и ’.

Кодирование выводимого текста — ещё и базовая защита от HTML-инъекций при показе текста, введённого пользователями.

Как пользоваться конвертером HTML-сущностей

Вставьте текст или HTML.
Выберите Кодировать или Декодировать.
Отправьте для преобразования.
Скопируйте результат.

Примеры

Кодирование примера кода

Ввод: <a href="/ru/x">Tom & Jerry</a>

Результат: <a href="/x">Tom & Jerry</a>

Вставьте это на страницу, и посетители увидят код, а не ссылку.

Диакритика и символы

Символы, у которых есть именованные сущности, тоже преобразуются.

Апострофы

Ввод: it's

Результат: it's

Декодирование

Декодируются и именованные сущности (©), и числовые (€).

Где пригодится

Показ HTML и фрагментов кода на странице или в статье блога.
Очистка текста из RSS-фидов, API и баз данных, содержащего сущности.
Экранирование пользовательского текста перед вставкой в HTML.
Специальные символы в HTML-письмах.
Исправление дважды закодированного текста вроде &amp;.
Показ примеров кода HTML или XML в статье или документации.

Советы и важные нюансы

Если на странице видно &, текст закодирован дважды; декодируйте один раз, чтобы исправить.
На современных страницах в UTF-8 обязательно кодировать только <, >, & и кавычки в атрибутах. Остальное, включая кириллицу, можно писать напрямую.
Одно экранирование не решает всех проблем безопасности. Используйте встроенное экранирование вывода вашего фреймворка.
Чтобы полностью удалить теги, используйте удаление HTML-тегов. Для кодов символов попробуйте десятичный конвертер.

Особые случаи и ограничения

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

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

Что такое HTML-сущность?

Текстовый код, обозначающий символ в HTML, который записывается как &имя; или &#число;, например < для <.

Зачем кодировать < и >?

Браузеры считают их началом и концом тегов. Закодированные, они отображаются как символы.

Что означает ?

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

Почему в тексте видно ' или "?

Текст закодирован для HTML, но показывается там, где его не декодируют. Декодируйте его здесь.

Нужно ли кодировать кириллицу и буквы с диакритикой?

Не на современных страницах в UTF-8: «привет» и café отображаются нормально как есть. Кодировать нужно в основном <, >, & и кавычки.