免费在线 Html 编码器

You can also use HTML Decoder tool

Input data
bfotool loadding
Output data
bfotool loadding

关于这个工具

用于对字符串进行 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
" &quot; quotation mark
' &apos; apostrophe 
& &amp; ampersand
< &lt; less-than
> &gt; greater-than
  &nbsp; non-breaking space
¡ &iexcl; inverted exclamation mark
¢ &cent; cent
£ &pound; pound
¤ &curren; currency
¥ &yen; yen
¦ &brvbar; broken vertical bar
§ &sect; section
¨ &uml; spacing diaeresis
© &copy; copyright
ª &ordf; feminine ordinal indicator
« &laquo; angle quotation mark (left)
¬ &not; negation
­ &shy; soft hyphen
® &reg; registered trademark
¯ &macr; spacing macron
° &deg; degree
± &plusmn; plus-or-minus 
² &sup2; superscript 2
³ &sup3; superscript 3
´ &acute; spacing acute
µ &micro; micro
&para; paragraph
· &middot; middle dot
¸ &cedil; spacing cedilla
¹ &sup1; superscript 1
º &ordm; masculine ordinal indicator
» &raquo; angle quotation mark (right)
¼ &frac14; fraction 1/4
½ &frac12; fraction 1/2
¾ &frac34; fraction 3/4
¿ &iquest; inverted question mark
× &times; multiplication
÷ &divide; division
À &Agrave; capital a, grave accent
Á &Aacute; capital a, acute accent
 &Acirc; capital a, circumflex accent
à &Atilde; capital a, tilde
Ä &Auml; capital a, umlaut mark
Å &Aring; capital a, ring
Æ &AElig; capital ae
Ç &Ccedil; capital c, cedilla
È &Egrave; capital e, grave accent
É &Eacute; capital e, acute accent
Ê &Ecirc; capital e, circumflex accent
Ë &Euml; capital e, umlaut mark
Ì &Igrave; capital i, grave accent
Í &Iacute; capital i, acute accent
Î &Icirc; capital i, circumflex accent
Ï &Iuml; capital i, umlaut mark
Ð &ETH; capital eth, Icelandic
Ñ &Ntilde; capital n, tilde
Ò &Ograve; capital o, grave accent
Ó &Oacute; capital o, acute accent
Ô &Ocirc; capital o, circumflex accent
Õ &Otilde; capital o, tilde
Ö &Ouml; capital o, umlaut mark
Ø &Oslash; capital o, slash
Ù &Ugrave; capital u, grave accent
Ú &Uacute; capital u, acute accent
Û &Ucirc; capital u, circumflex accent
Ü &Uuml; capital u, umlaut mark
Ý &Yacute; capital y, acute accent
Þ &THORN; capital THORN, Icelandic
ß &szlig; small sharp s, German
à &agrave; small a, grave accent
á &aacute; small a, acute accent
â &acirc; small a, circumflex accent
ã &atilde; small a, tilde
ä &auml; small a, umlaut mark
å &aring; small a, ring
æ &aelig; small ae
ç &ccedil; small c, cedilla
è &egrave; small e, grave accent
é &eacute; small e, acute accent
ê &ecirc; small e, circumflex accent
ë ë 小 e,变音符号
一世 ì 小i,重音
一世 &很可爱; 小i,尖锐的口音
一世 î 小i,抑扬音
一世 ï 小我,变音符号
ð ð 小民族,冰岛语
ñ ñ 小 n,波浪号
Ø ò 小o,重音
Ø ó 小o,尖锐的口音
ô ô 小o,抑扬符
õ õ 小o,波浪号
ö ö 小o,变音符号
Ø ø 小o,斜线
ü ù 小你,重音
ú ú 小你,尖锐的口音
û û 小u,抑扬顿挫
ü ü 小你,变音符号
y ý 小 y 重音
þ &刺; 小刺,冰岛语
ÿ ÿ 小 y,变音符号