Вступ
HTML encoder допомагає перетворювати спеціальні символи на HTML-сутності, а decoder виконує зворотну дію та повертає звичайний читабельний текст. Це корисно під час роботи з розміткою, шаблонами, користувацьким контентом і фрагментами коду, де зустрічаються символи <, >, &, " і '.
Кодування потрібне, щоб браузер не сприймав текст як справжній HTML. Наприклад, якщо ви хочете показати шматок коду на сторінці, спочатку варто замінити спеціальні символи на безпечні сутності. Декодування, навпаки, допомагає, коли ви отримали текст із CMS, бази даних, шаблону або API вже в закодованому вигляді й хочете прочитати його нормально.
Типові перетворення: < → <, > → >, & → &. Інструмент корисний розробникам, технічним авторам, редакторам документації та всім, хто часто працює з HTML-вставками.
Як користуватися
1. Вставте текст або HTML-фрагмент у поле введення. 2. Виберіть Encode, щоб перетворити спеціальні символи на HTML-сутності. 3. Виберіть Decode, щоб повернути сутності назад у звичайний текст. 4. Скопіюйте результат і використовуйте його в коді, документації, листах або CMS.
Якщо в тексті вже є сутності, перевірте результат, щоб уникнути подвійного кодування.
Приклади
- Hello & welcome
- Після кодування:
<div>Hello & welcome</div> - Після декодування: Hello & welcome
"quote"може перетворитися на"quote"
Поради
- Кодуйте HTML перед публікацією сирого коду в статті або документації.
- Декодуйте текст із CMS, якщо сутності заважають читанню.
- Уникайте повторного кодування одного й того самого тексту.
- Використовуйте інструмент під час тестування форм, шаблонів і екранованого виводу.
FAQ
Що робить HTML encoding?
Він перетворює спеціальні символи на безпечні HTML-сутності, щоб браузер показував їх як текст.
Чому & перетворюється на &?
Тому що символ & починає сутність у HTML і має екрануватися при буквальному виводі.
Чим відрізняється encoding від decoding?
Encoding перетворює символи на сутності, а decoding повертає сутності назад у символи.
Чи допомагає це від HTML-інʼєкцій?
Частково так, але для безпеки важливий правильний контекстний вивід та екранування в застосунку.
Що таке подвійне кодування?
Це ситуація, коли вже закодований текст кодується повторно й виходить щось на кшталт <.