HTML entity enkodér a dekodér

Jak používat HTML entity enkodér

1. 1 Vyberte směr. Zakódovat změní znaky na entity, Dekódovat převede entity zpět na znaky.
2. 2 Napište nebo vložte text. Výsledek se zobrazuje průběžně, nic není potřeba potvrzovat.
3. 3 Při kódování si zvolte, zda se mají změnit jen znaky <, >, &, " a ', nebo i diakritika a symboly, a v jakém formátu mají entity být.
4. 4 Výsledek zkopírujte tlačítkem Kopírovat. Tlačítkem Prohodit ho přesunete do vstupu a ověříte, že jde převést zpět.

Co nástroj umí

• dekóduje všechny pojmenované entity z HTML5, kterých je přes 2 000, i číselné entity, přesně tak jako prohlížeč
• správně převede i emoji, například 😀 na 😀
• upozorní, když text už entity obsahuje nebo byl zakódován dvakrát, a opravu nabídne jedním kliknutím
• při kódování nabízí pojmenované, desítkové i šestnáctkové entity
• zalomení řádků, tabulátory a ostatní text ponechá beze změny
• vše zpracovává přímo ve vašem prohlížeči, nic se neodesílá na server

Co jsou HTML entity

HTML entita je zápis znaku pomocí běžných písmen a číslic. Začíná znakem & a končí středníkem: < znamená znak < a © znak ©. Entity potřebujete hlavně u znaků, které mají v HTML vlastní význam. Kdybyste do stránky napsali <b> přímo, prohlížeč by ho považoval za značku a následující text by zobrazil tučně. Zápis <b> se naopak zobrazí přesně jako <b>.

Jaký je rozdíl mezi HTML entitou a Unicode?

Unicode je celosvětová tabulka znaků, ve které má každý znak své číslo, například © má číslo 169 (U+00A9). HTML entita je jen způsob, jak takový znak zapsat do HTML kódu. Číselná entita © přímo obsahuje číslo z Unicode, pojmenovaná © je jeho čitelná zkratka. Na stránce v UTF-8 můžete znak napsat i přímo, výsledek je stejný.

Které znaky je v HTML nutné nahradit entitou

Na stránce v kódování UTF-8 musíte nahradit jen pět znaků. Ostatní, včetně diakritiky, můžete psát přímo. První z nich, &, se jmenuje ampersand. Vznikl spojením písmen latinského slova et, tedy „a“.

Právě těchto pět znaků nahrazuje funkce htmlspecialchars v PHP a automatické escapování v šablonách Blade, Twig či React.

Pojmenované, desítkové a šestnáctkové entity

Tentýž znak lze zapsat třemi způsoby. Prohlížeč je zobrazí stejně, liší se jen zápisem.

• Pojmenovaná entita jako © se snadno čte, ale vlastní název má jen část znaků.
• Desítková entita © obsahuje číslo znaku v Unicode a funguje pro každý znak, i pro emoji.
• Šestnáctková entita © je totéž číslo v šestnáctkové soustavě, ve které se Unicode běžně uvádí, například U+00A9.

U názvů entit záleží na velikosti písmen: Ř je velké Ř, ř malé ř.

Seznam HTML entit a speciálních znaků

Nejpoužívanější entity rozdělené do skupin. Kliknutím na entitu ji zkopírujete. Hledat můžete podle názvu, popisu, samotného znaku i podle čísla, například 8226.

Znaky bez názvu, například ✔ nebo emoji, zapíšete jen číselnou entitou. Sloupec CSS obsahuje zápis pro vlastnost content, víc najdete v části o CSS a JavaScriptu.

Jak udělat odrážky v HTML?

Pro seznam s odrážkami použijte značky <ul> a <li>. Prohlížeč odrážky doplní sám a jejich tvar změníte v CSS, například list-style-type: square pro čtverečky nebo list-style-type: "✓ " pro fajfky. Entitu • použijte jen tehdy, když odrážku potřebujete uvnitř řádku, například v patičce Kontakt • Ochrana soukromí.

Jak napsat šipku v HTML, v CSS a na klávesnici

Nejpoužívanější šipky a trojúhelníky a všechny způsoby, jak je zapsat. Kód ze sloupce Word napište do dokumentu a hned za ním stiskněte Alt+X, Word ho změní na znak.

Alt kód pište se stisknutým levým Altem na numerické klávesnici, číslice nad písmeny nefungují. Word navíc sám mění --> na →, <-- na ← a ==> na ⇒. Trojúhelníky ▲ a ▼ vlastní název entity nemají, proto je zapište číselně.

Jak napsat ©, ® a ™

Znaky copyright, registrovaná ochranná známka a ochranná známka se nejčastěji píšou do patičky webu. Takto je napíšete v HTML i v běžných programech:

Zkratky pro Mac platí pro anglické rozložení klávesnice. Při jiném rozložení otevřete prohlížeč znaků zkratkou Ctrl+Cmd+mezerník a znak vyhledejte. Ve Wordu se (c), (r) a (tm) změní na symbol automaticky. Do patičky webu stačí napsat například © 2026 Název firmy.

Jak napsat symbol, který není na klávesnici

Pokud symbol potřebujete vložit do běžného textu, ne do HTML kódu, entitu nepotřebujete. Ve Windows 10 a 11 otevřete panel se symboly a emoji zkratkou Win+tečka, na Macu zkratkou Ctrl+Cmd+mezerník. Symbol můžete také zkopírovat ze seznamu výše.

Pevná mezera  

Pevná (nezlomitelná) mezera vypadá jako obyčejná, ale prohlížeč na ní nezalomí řádek. V češtině se používá hlavně tam, kde by zalomení působilo jako chyba:

v Praze

jednopísmenné předložky a spojky a, i, k, o, s, u, v, z nemají zůstat na konci řádku

10 %

číslo a jednotka, procenta či měna, například 25 °C, 5 kg nebo 100 Kč

Ing. Novák

tituly a zkratky, například Ing. Novák nebo s. r. o.

1. ledna

data a řadové číslovky

10 000

mezera oddělující tisíce

Na dlouhá slova v úzkých sloupcích se zase hodí ­, podmíněné dělení: prohlížeč v tom místě rozdělí slovo a přidá spojovník jen tehdy, když se slovo do řádku nevejde.

Jak vložit pevnou mezeru ve Wordu, v Excelu nebo na Macu

Word ve Windows

Ctrl+Shift+mezerník

Excel, PowerPoint a další programy ve Windows

Alt+0160 na numerické klávesnici

Mac

Option+mezerník ve většině programů

Dokumenty Google

Vložit, pak Speciální znaky a vyhledejte „no-break space“

Kdekoli

zkopírujte ji ze seznamu HTML entit výše kliknutím na znak

Proč se mi ve zprávě zobrazuje  ?

Pokud vám v e-mailu, SMS nebo v aplikaci přišel text s „ “, nejde o zkratku ani o skrytý odkaz. Odesílatel nebo aplikace zkopírovali text z webové stránky a entitu pevné mezery nepřevedli na znak. Na jejím místě měla být obyčejná mezera. Stejně se může objevit & místo znaku & nebo " místo uvozovek. Pokud chcete čistý text, vložte ho do nástroje výše a zvolte Dekódovat.

Jak udělat více mezer v HTML

Prohlížeč sloučí několik mezer, tabulátorů a zalomení řádků za sebou do jedné mezery. Proto na stránce není vidět, kolik mezer jste napsali do kódu. Podle toho, co potřebujete, máte tyto možnosti:

Jan  Novák

jedna či dvě pevné mezery mezi slovy, které se nesloučí

a b

širší mezera,   má šířku písmene n a   šířku písmene m

p { text-indent: 2em; }

odsazení prvního řádku odstavce místo řady entit  

.ikona { margin-right: 0.5rem; }

mezera mezi prvky, například mezi ikonou a textem

.kod { white-space: pre-wrap; }

zachová mezery a zalomení přesně tak, jak jsou v textu

Odsazovat či zarovnávat text řadou entit   se nevyplatí: při jiné šířce obrazovky se rozložení rozpadne. Na rozložení stránky slouží CSS.

Jak udělat nový řádek a mezeru mezi řádky v HTML

Zalomení řádku v kódu zobrazí prohlížeč jako obyčejnou mezeru, stejně jako entitu 
. Nový řádek a větší mezery proto děláte jinak:

První řádek<br>Druhý řádek

nový řádek v rámci jednoho odstavce, například v adrese

<p>Odstavec</p>

nový odstavec, prohlížeč před ním a za ním přidá mezeru

p { line-height: 1.6; }

výška řádku, tedy mezera mezi řádky v odstavci

p { margin-bottom: 1.5em; }

mezera mezi odstavci

.adresa { white-space: pre-line; }

zachová zalomení řádků z textu, například z formuláře

Entita 
 vytvoří nový řádek jen tam, kde se zalomení zachovávají: ve značkách <textarea> a <pre> nebo v atributu title, kde z ní vznikne dvouřádková bublina. Pokud hledáte symbol klávesy Enter, je to ↵ (↵) nebo ⏎ (⏎).

Potřebuji entity pro diakritiku?

Ne, pokud má stránka kódování UTF-8, což je dnes standard. Stačí, aby v hlavičce bylo <meta charset="utf-8">, a písmena jako č, ř, ů či ž píšete přímo. Číselné zápisy jako ř se používaly v dobách kódování ISO-8859-2 a Windows-1250, kdy se diakritika na jiném počítači snadno změnila na nesmyslné znaky. Dnes se hodí jen výjimečně, například pro systém, který neumí zpracovat UTF-8, nebo když chcete mít ve zdrojovém kódu jen znaky ASCII. K tomu slouží volba Kódovat i diakritiku a symboly.

Diakritika se na webu zobrazuje špatně

Když se místo textu „Dřevěný stůl“ zobrazují podivné znaky, téměř vždy jde o nesoulad kódování. Podle toho, co přesně vidíte, zjistíte, kde je chyba:

Pokud místo písmene vidíte přímo kód jako ř nebo š, nejde o kódování, ale o dvojité zakódování entit. Řešení najdete v části o častých chybách.

HTML entity a bezpečnost (XSS)

Nahrazení znaků <, >, &, " a ' je základní ochrana před útokem XSS, při kterém útočník vloží do stránky vlastní skript. Když se vstup <script> zobrazí jako <script>, prohlížeč ho jen vypíše a nespustí. Má to však své hranice:

• Entity chrání jen v textu stránky a v atributech, jejichž hodnota je v uvozovkách. Atribut bez uvozovek, například title=hodnota, lze prolomit i obyčejnou mezerou.
• Nechrání v JavaScriptu, v CSS ani v adrese odkazu. Odkaz javascript:alert(1) neobsahuje nic, co by se kódovalo, a přesto spustí kód. Adresy z uživatelského vstupu proto kontrolujte zvlášť.
• V atributech událostí, například onclick, prohlížeč entity dekóduje ještě před spuštěním kódu, takže tam před útokem nechrání.
• Kódujte až při výpisu do HTML, ne při ukládání do databáze. Jinak se snadno stane, že text zakódujete dvakrát.
• Nejbezpečnější je nechat kódování na šablonovacím systému, který to dělá automaticky, například Blade, Twig, React nebo Vue.

HTML entity v CSS a JavaScriptu

Entity fungují jen v HTML. V CSS a v řetězcích JavaScriptu se tentýž znak zapisuje jinak, zápis → by se tam zobrazil doslova. Takto vypadá šipka → v jednotlivých jazycích:

HTML

<span>&rarr;</span>  nebo  <span>&#8594;</span>

CSS

.dalsi::after { content: "\2192"; }

JavaScript

element.textContent = "\u2192";

JavaScript (emoji)

element.textContent = "\u{1F600}";

Zápis pro CSS najdete u každé entity v seznamu výše. Pokud za kódem v CSS následuje další písmeno od a do f nebo číslice, oddělte je mezerou, jinak se přečtou jako součást kódu.

Fungují HTML entity v Reactu a v Markdownu?

HTML entity v PHP, JavaScriptu a Pythonu

Ve většině jazyků není potřeba psát pro kódování entit vlastní kód. Takto to vypadá v těch nejpoužívanějších:

$text = 'Tom & Jerry <3';

echo htmlspecialchars($text, ENT_QUOTES | ENT_HTML5, 'UTF-8');
// Tom &amp; Jerry &lt;3

echo html_entity_decode('&lt;p&gt;&copy; 2026&lt;/p&gt;', ENT_QUOTES | ENT_HTML5, 'UTF-8');
// <p>© 2026</p>

{{ $comment }}     {{-- kóduje automaticky --}}
{!! $html !!}      {{-- vypíše bez kódování --}}

e('Tom & Jerry'); // Tom & Jerry

function escapeHtml(text) {
  return text.replace(/[&<>"']/g, (char) => ({
    '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;',
  })[char]);
}

function decodeHtml(html) {
  const textarea = document.createElement('textarea');
  textarea.innerHTML = html;
  return textarea.value;
}

import html

html.escape('Tom & Jerry <3')
# 'Tom &amp; Jerry &lt;3'

html.unescape('&lt;p&gt;&copy; 2026&lt;/p&gt;')
# '<p>© 2026</p>'

Kterou funkci v PHP použít

htmlspecialchars()

zakóduje pět speciálních znaků, pro bezpečný výpis do HTML to stačí

htmlentities()

zakóduje vše, co má pojmenovanou entitu, včetně diakritiky, na stránce v UTF-8 to není potřeba

htmlspecialchars_decode()

dekóduje zpět jen těch pět speciálních znaků

html_entity_decode()

dekóduje všechny entity, pojmenované i číselné

Od PHP 8.1 kódují obě funkce ve výchozím nastavení i apostrof a neplatné znaky UTF-8 nahradí znakem �. Ve starších verzích zadejte příznaky ENT_QUOTES | ENT_SUBSTITUTE ručně.

Časté chyby u HTML entit