HTML Кодер / Декодер

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

Введите html или текст здесь для кодирования/декодирования:


Перенести в «Вставить код» для сохранения

Об онлайн-кодировщике/декодере HTML

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

Кодировщик символов HTML конвентирует все применимые символы в соответствующие им объекты HTML. Некоторые символы имеют особое значение в HTML и должны быть преобразованы в их правильные объекты HTML, чтобы сохранить их значения. Например, невозможно использовать символ <, так как он используется в синтаксисе HTML для создания и закрытия тегов. Он должен быть преобразован в соответствующую HTML-сущность & lt; для отображения в содержимом HTML-страницы. Имена сущностей HTML чувствительны к регистру.

Следующие символы зарезервированы в HTML и должны быть заменены соответствующими им объектами HTML:

  • " заменяется на &quot;
  • & заменяется на &amp;
  • < заменяется на &lt;
  • > заменяется на &gt;

О кодировщике/декодере HTML

Инструмент HTML Кодер Online / HTML Декодер Онлайн был создан, чтобы помочь с преобразованием кодировать/декодировать HTML-текст.

Как это работает?

Просто вставьте ваш HTML или текст в форму выше и нажмите на кнопку "Кодировать" или "Декодировать", и вы получите ваш экранированный/неэкранированный HTML.

Пример кодирования/декодирования HTML

Раскодированный:
<html>
    <head>
    <title>Your Title Here</title>
    </head>

    <body bgcolor="FFFFFF">
        <center><img src="wtools.jpg" align="bottom"> </center>
        <hr>
        <a href="http://wtools.io">Best Online Web Tools</a>is a link to another nifty site
        <h1>This is a Header</h1>
        <h2>This is a Medium Header</h2>
        Send me mail at <a href="mailto:support@example.com">support@example.com</a>.
        <p> This is a new paragraph!</p>
        <p> <b>This is a new paragraph!</b></p>
        <br> <b><i>This is a new sentence without a paragraph break, in bold italics.</i></b>
        <hr>
    </body>
</html>
Закодированные:
&lt;html&gt;
    &lt;head&gt;
    &lt;title&gt;Your Title Here&lt;/title&gt;
    &lt;/head&gt;

    &lt;body bgcolor=&quot;FFFFFF&quot;&gt;
        &lt;center&gt;&lt;img src=&quot;wtools.jpg&quot; align=&quot;bottom&quot;&gt; &lt;/center&gt;
        &lt;hr&gt;
        &lt;a href=&quot;http://wtools.io&quot;&gt;Best Online Web Tools&lt;/a&gt;is a link to another nifty site
        &lt;h1&gt;This is a Header&lt;/h1&gt;
        &lt;h2&gt;This is a Medium Header&lt;/h2&gt;
        Send me mail at &lt;a href=&quot;mailto:support@example.com&quot;&gt;support@example.com&lt;/a&gt;.
        &lt;p&gt; This is a new paragraph!&lt;/p&gt;
        &lt;p&gt; &lt;b&gt;This is a new paragraph!&lt;/b&gt;&lt;/p&gt;
        &lt;br&gt; &lt;b&gt;&lt;i&gt;This is a new sentence without a paragraph break, in bold italics.&lt;/i&gt;&lt;/b&gt;
        &lt;hr&gt;
    &lt;/body&gt;
&lt;/html&gt;