무료 온라인 HTML 인코더

You can also use HTML Decoder tool

Input data

Browse

Output data

이 도구 정보

문자열을 html 인코딩하기 위한 온라인 도구입니다. 이 무료 온라인 html 인코더 유틸리티를 사용하여 텍스트를 html 인코딩된 문자열로 변환하십시오.

html 인코딩 도구 설명

HTML 문자 인코더는 적용 가능한 모든 문자를 해당 HTML 엔터티로 변환합니다. 특정 문자는 HTML에서 특별한 의미를 가지며 의미를 보존하기 위해 올바른 HTML 엔티티로 변환되어야 합니다.

HTML 인코더 예

인코딩 전:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>

<nav class="navbar navbar-expand-sm bg-light">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="nav-link" href="#">Link 1</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link 2</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Link 3</a>
    </li>
  </ul>
</nav>
<br>

<div class="container-fluid">
  <h3>Basic Navbar Example</h3>
  <p>A navigation bar is a navigation header that is placed at the top of the page.</p>
  <p>The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).</p>
</div>

</body>
</html>

인코더 후

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;Bootstrap Example&lt;/title&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;nav class="navbar navbar-expand-sm bg-light"&gt;
  &lt;ul class="navbar-nav"&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Link 1&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Link 2&lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="nav-item"&gt;
      &lt;a class="nav-link" href="#"&gt;Link 3&lt;/a&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
&lt;/nav&gt;
&lt;br&gt;

&lt;div class="container-fluid"&gt;
  &lt;h3&gt;Basic Navbar Example&lt;/h3&gt;
  &lt;p&gt;A navigation bar is a navigation header that is placed at the top of the page.&lt;/p&gt;
  &lt;p&gt;The navbar-expand-xl|lg|md|sm class determines when the navbar should stack vertically (on extra large, large, medium or small screens).&lt;/p&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

Reserved entities, symbols and characters in HTML

This table shows a list of reserved HTML entities with their associated character and description.

Character	Entity name	Description
"	"	quotation mark
'	'	apostrophe
&	&	ampersand
<	<	less-than
>	>	greater-than
		non-breaking space
¡	¡	inverted exclamation mark
¢	¢	cent
£	£	pound
¤	¤	currency
¥	¥	yen
¦	¦	broken vertical bar
§	§	section
¨	¨	spacing diaeresis
©	©	copyright
ª	ª	feminine ordinal indicator
«	«	angle quotation mark (left)
¬	¬	negation
		soft hyphen
®	®	registered trademark
¯	¯	spacing macron
°	°	degree
±	±	plus-or-minus
²	²	superscript 2
³	³	superscript 3
´	´	spacing acute
µ	µ	micro
¶	¶	paragraph
·	·	middle dot
¸	¸	spacing cedilla
¹	¹	superscript 1
º	º	masculine ordinal indicator
»	»	angle quotation mark (right)
¼	¼	fraction 1/4
½	½	fraction 1/2
¾	¾	fraction 3/4
¿	¿	inverted question mark
×	×	multiplication
÷	÷	division
À	À	capital a, grave accent
Á	Á	capital a, acute accent
Â	Â	capital a, circumflex accent
Ã	Ã	capital a, tilde
Ä	Ä	capital a, umlaut mark
Å	Å	capital a, ring
Æ	Æ	capital ae
Ç	Ç	capital c, cedilla
È	È	capital e, grave accent
É	É	capital e, acute accent
Ê	Ê	capital e, circumflex accent
Ë	Ë	capital e, umlaut mark
Ì	Ì	capital i, grave accent
Í	Í	capital i, acute accent
Î	Î	capital i, circumflex accent
Ï	Ï	capital i, umlaut mark
Ð	Ð	capital eth, Icelandic
Ñ	Ñ	capital n, tilde
Ò	Ò	capital o, grave accent
Ó	Ó	capital o, acute accent
Ô	Ô	capital o, circumflex accent
Õ	Õ	capital o, tilde
Ö	Ö	capital o, umlaut mark
Ø	Ø	capital o, slash
Ù	Ù	capital u, grave accent
Ú	Ú	capital u, acute accent
Û	Û	capital u, circumflex accent
Ü	Ü	capital u, umlaut mark
Ý	Ý	capital y, acute accent
Þ	Þ	capital THORN, Icelandic
ß	ß	small sharp s, German
à	à	small a, grave accent
á	á	small a, acute accent
â	â	small a, circumflex accent
ã	ã	small a, tilde
ä	ä	small a, umlaut mark
å	å	small a, ring
æ	æ	small ae
ç	ç	small c, cedilla
è	è	small e, grave accent
é	é	small e, acute accent
ê	ê	small e, circumflex accent
ë	ë	small e, umlaut mark
ì	ì	small i, grave accent
í	í	small i, acute accent
î	î	small i, circumflex accent
ï	ï	small i, umlaut mark
ð	ð	small eth, Icelandic
ñ	ñ	small n, tilde
ò	ò	small o, grave accent
ó	ó	small o, acute accent
ô	ô	small o, circumflex accent
õ	õ	small o, tilde
ö	ö	small o, umlaut mark
ø	ø	small o, slash
ù	ù	small u, grave accent
ú	ú	small u, acute accent
û	û	small u, circumflex accent
ü	ü	small u, umlaut mark
ý	ý	small y, acute accent
þ	þ	small thorn, Icelandic
ÿ	ÿ	small y, umlaut mark