Utilia

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

Екрануйте спеціальні символи як HTML-сутності (іменовані, десяткові чи hex) або декодуйте будь-яку сутність за повним списком із 2 231 посилання HTML5.

Параметри кодування

Як закодувати або декодувати HTML-сутності

  1. Вставте текст або HTML у поле введення.
  2. Щоб екранувати його, виберіть символи для кодування: Лише & < > ” ‘ або Також кожен символ поза ASCII, а також Формат сутностей: Іменований (&eacute;), Десятковий (&#233;) чи Шістнадцятковий (&#xE9;).
  3. Натисніть Закодувати або Декодувати, щоб перетворити сутності назад на символи.
  4. Прочитайте кількість у рядку стану, а потім натисніть Копіювати. Кнопка Використати результат як вхідні дані переносить результат у поле введення, наприклад щоб перевірити перетворення туди й назад.

Кодування: коли і що екранувати

У HTML п’ять символів можна сплутати з розміткою. Варіант Лише & < > ” ‘ замінює саме їх: & на &amp;, < на &lt;, > на &gt;, " на &quot; і ' на &#39;. Це потрібно, щоб показати код на вебсторінці, вставити текст користувача в атрибут або вставити фрагмент у допис блогу чи поле CMS, яке очікує HTML. Апостроф записується в числовій формі, бо &apos; не існувало в HTML 4, і деякі старіші синтаксичні аналізатори його не знають.

Варіант Також кожен символ поза ASCII додатково замінює все, що виходить за межі друкованого ASCII: літери з діакритикою, типографські лапки, знак євро, нерозривні пробіли, емодзі тощо. Результат – чистий ASCII, що корисно для систем, які псують UTF-8, для шаблонів електронних листів або щоб зробити видимими в коді невидимі символи на кшталт &nbsp;. Українські літери теж буде замінено, тож «щ» стане &#1097;.

Формат сутностей визначає, як записуються символи:

  • Іменований (&eacute;) використовує читабельну назву, коли її визначає HTML (&eacute;, &euro;, &hellip;), віддаючи перевагу класичній назві з HTML 4, якщо в символу їх кілька. Символи без назви, наприклад емодзі, записуються десятковим кодом.
  • Десятковий (&#233;) записує кодову точку Unicode в десятковій системі.
  • Шістнадцятковий (&#xE9;) записує її в шістнадцятковій системі, що відповідає запису U+00E9 у таблицях Unicode.

Усі три формати розуміють усі браузери. Символи поза Базовою багатомовною площиною, як-от 😀, кодуються одним посиланням на повну кодову точку (&#128512;), а не двома сурогатними половинами.

Декодування: правила HTML5

Кнопка Декодувати дотримується правил, за якими браузери читають текстовий вміст, і користується повним списком із 2 231 іменованого посилання на символ зі стандарту HTML Living Standard:

  • іменовані посилання на кшталт &eacute;, &rarr; чи &NotEqualTilde; (деякі дають дві кодові точки);
  • десяткові (&#233;) і шістнадцяткові (&#xE9; або &#XE9;) посилання з кінцевою крапкою з комою або без неї;
  • застарілі імена, які браузери приймають без крапки з комою, як-от &copy 2026 чи &amp, і, як у браузерах, &notit; стає ¬it;, бо &not – таке застаріле ім’я;
  • числові посилання в діапазоні 128–159 перетворюються на символи Windows-1252, які показують браузери (&#150; дає середнє тире), а &#0;, сурогати та значення вище за U+10FFFF стають символом заміни �.

Невідомі імена на кшталт &foo; лишаються без змін і підраховуються в рядку стану. Декодування виконує власний синтаксичний аналізатор інструмента, а не вставлення вашого тексту на сторінку, тому жодна розмітка чи скрипт у вхідних даних ніколи не інтерпретуються.

Поширені запитання

Чи потрібно кодувати літери з діакритикою?

Зазвичай ні. Сторінка в UTF-8 може містити é чи € безпосередньо. Кодувати символи поза ASCII потрібно лише тоді, коли файл або проміжна система не можуть працювати з UTF-8.

Чому &amp;amp; декодується в &amp;, а не в &?

Декодування виконується один раз, як у браузері. &amp;amp; – це екранований &amp;. Натисніть Використати результат як вхідні дані і Декодувати ще раз, якщо текст закодовано двічі.

Чим це відрізняється від URL-кодування?

HTML-сутності екранують текст для документів HTML. URL-кодування (%20, %C3%A9) екранує текст для вебадрес. Для посилань і рядків запиту користуйтеся кодувальником URL.

Чи надсилається мій текст на сервер?

Ні. Кодування й декодування виконуються у вашому браузері. З цього сайту завантажується лише список імен сутностей, коли ви вперше декодуєте.

Чи декодує інструмент сутності всередині атрибутів інакше?

Браузери по-іншому обробляють кілька застарілих імен без крапки з комою всередині значень атрибутів. Цей інструмент використовує правила для текстового вмісту, які відповідають тому, що ви бачите на сторінці.