Kostenloser Online-HTML-Encoder

Input data

Browse

Output data

Über dieses Tool

Online-Tool zum HTML-Codieren eines Strings. Konvertieren Sie Text mit diesem kostenlosen Online-HTML-Encoder-Dienstprogramm in eine HTML-codierte Zeichenfolge.

Beschreibung des HTML-Kodierungstools

Der HTML-Zeichencodierer konvertiert alle anwendbaren Zeichen in ihre entsprechenden HTML-Entitäten. Bestimmte Zeichen haben in HTML eine besondere Bedeutung und sollten in ihre korrekten HTML-Entitäten umgewandelt werden, um ihre Bedeutung zu bewahren.

Beispiel für einen HTML-Encoder

Vor der Codierung:

<!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>

Nach Encoder

&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;

Reservierte Entitäten, Symbole und Zeichen in HTML

Diese Tabelle zeigt eine Liste reservierter HTML-Entitäten mit ihren zugehörigen Zeichen und Beschreibungen.

Charakter	Entitätsname	Beschreibung
"	"	Anführungszeichen
'	'	Apostroph
&	&Ampere;	Et-Zeichen
<	<	weniger als
>	>	größer als
		geschütztes Leerzeichen
Ich	¡	umgekehrtes Ausrufezeichen
¢	&Cent;	Cent
£	&Pfund;	Pfund
¤	¤	Währung
¥	&Yen;	Yen
\|	¦	gebrochener vertikaler Balken
§	&Sekte;	Sektion
¨	¨	Abstandsdiaerese
©	&Kopieren;	Urheberrechte ©
ª	ª	weiblicher Ordinalindikator
«	«	Winkelanführungszeichen (links)
¬	&nicht;	Negation
	&schüchtern;	weicher Bindestrich
®	®	eingetragene Marke
¯	¯	Abstand Makron
°	&grad;	Grad
±	±	Plus oder minus
²	²	hochgestellt 2
³	³	hochgestellt 3
´	&akut;	Abstand akut
µ	&Mikro;	Mikro
¶	¶	Absatz
·	·	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