HTML Кодирование/Декодирование

Преобразуйте все применимые символы в HTML-сущности или наоборот

Теги: html декодер кодирование/декодирование html кодировщик

🚀 313,493 всего преобразований (3,348 в этом месяце)

Введение

Этот онлайн-инструмент для кодирования HTML помогает вам преобразовывать символы в HTML-сущности. Это простой и эффективный способ обработки зарезервированных или специальных символов в вашем HTML-коде.

Как использовать этот инструмент

  1. Вставьте ваш HTML-код прямо в редактор или введите его вручную.
  2. Нажмите кнопку Кодировать или Декодировать, чтобы обработать ваш HTML.
  3. После кодирования или декодирования вы можете:
    • Скачать обработанный результат.
    • Сохранить или поделиться им, используя уникальную ссылку.
    • Войти с помощью Google или GitHub, чтобы сохранить ваши результаты для будущего использования.

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

HTML-сущность — это фрагмент текста, который начинается с амперсанда (&) и заканчивается точкой с запятой (;). Сущности часто используются для отображения зарезервированных символов, таких как < или >, которые в противном случае были бы интерпретированы как HTML-код. Они также могут представлять невидимые символы (например, неразрывные пробелы) или специальные символы, которые сложно ввести на стандартной клавиатуре.

Например:

  • < представляет символ "меньше чем" ("<").
  • & представляет амперсанд ("&").

Узнайте больше о HTML-сущностях из этого полезного руководства .

Некоторые полезные HTML-сущности символов

Результат Описание Имя сущности Номер сущности
неразрывный пробел &nbsp; &#160;
< меньше чем &lt; &#60;
> больше чем &gt; &#62;
& амперсанд &amp; &#38;
" двойная кавычка &quot; &#34;
' одинарная кавычка (апостроф) &apos; &#39;
¢ цент &cent; &#162;
£ фунт &pound; &#163;
¥ йена &yen; &#165;
евро &euro; &#8364;
© авторское право &copy; &#169;
® зарегистрированная торговая марка &reg; &#174;

Примеры

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

      
<!doctype html>
<html lang="en">
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <div id="content">
      <h1 class="title">Hello World!</h1>
    </div>
  </body>
</html>
      
    

После кодирования

      
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Hello World!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id=&quot;content&quot;&gt;
      &lt;h1 class=&quot;title&quot;&gt;Hello World!&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;