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;