Codificator HTML online gratuit

Input data

Browse

Output data

Despre acest instrument

Instrument online pentru codificarea html a unui șir. Convertiți textul într-un șir codat html folosind acest utilitar online gratuit de codificare html.

Descrierea instrumentului de codificare html

Codificatorul de caractere HTML convertește toate caracterele aplicabile în entitățile HTML corespunzătoare. Anumite caractere au o semnificație specială în HTML și ar trebui convertite în entitățile HTML corecte pentru a le păstra semnificația.

Exemplu de codificator HTML

Înainte de codificare:

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

După 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;

Entități rezervate, simboluri și caractere în HTML

Acest tabel arată o listă de entități HTML rezervate cu caracterul și descrierea asociate.

Caracter	Numele entitatii	Descriere
"	"	Ghilimele
'	'	apostrof
&	&	ampersand
<	<	mai puțin decât
>	>	mai mare ca
		spatiu de nerupere
¡	¡	semnul exclamării inversat
¢	¢	cent
£	&livră;	livră
¤	¤	valută
¥	¥	yeni
¦	¦	bară verticală spartă
§	§ă;	secțiune
¨	¨	diereza de spaţiere
©	&copie;	drepturi de autor
ª	ª	indicator ordinal feminin
«	«	ghilimele unghiulare (stânga)
¬	ν	negare
	&timid;	cratima moale
®	®	marca inregistrata
¯	¯	spațiere macron
°	°	grad
±	±	plus sau minus
²	²	indicele 2
³	³	indicele 3
´	&acut;	spaţiere acută
µ	µ	micro
¶	¶	paragraf
·	·	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