HTML entity enkodér a dekodér

Ako používať HTML entity enkodér

1. 1 Vyberte smer. Zakódovať zmení znaky na entity, Dekódovať prevedie entity späť na znaky.
2. 2 Napíšte alebo vložte text. Výsledok sa zobrazuje priebežne, nič netreba potvrdzovať.
3. 3 Pri kódovaní si zvoľte, či sa majú zmeniť len znaky <, >, &, " a ', alebo aj diakritika a symboly, a v akom formáte majú byť entity.
4. 4 Výsledok skopírujte tlačidlom Kopírovať. Tlačidlom Prehodiť ho presuniete do vstupu a overíte, že sa dá previesť späť.

Čo nástroj zvládne

• dekóduje všetky pomenované entity z HTML5, ktorých je vyše 2 000, aj číselné entity, presne tak ako prehliadač
• správne prevedie aj emoji, napríklad 😀 na 😀
• upozorní, keď text už entity obsahuje alebo bol zakódovaný dvakrát, a opravu ponúkne jedným kliknutím
• pri kódovaní ponúka pomenované, desiatkové aj šestnástkové entity
• zalomenia riadkov, tabulátory a ostatný text nechá bez zmeny
• všetko spracúva priamo vo vašom prehliadači, nič sa neodosiela na server

Čo sú HTML entity

HTML entita je zápis znaku pomocou bežných písmen a číslic. Začína znakom & a končí bodkočiarkou: < znamená znak < a © znak ©. Entity potrebujete hlavne pri znakoch, ktoré majú v HTML vlastný význam. Keby ste do stránky napísali <b> priamo, prehliadač by ho považoval za značku a nasledujúci text by zobrazil tučne. Zápis <b> sa naopak zobrazí presne ako <b>.

Aký je rozdiel medzi HTML entitou a Unicode?

Unicode je celosvetová tabuľka znakov, v ktorej má každý znak svoje číslo, napríklad © má číslo 169 (U+00A9). HTML entita je len spôsob, ako taký znak zapísať do HTML kódu. Číselná entita © priamo obsahuje číslo z Unicode, pomenovaná © je jeho čitateľná skratka. Na stránke v UTF-8 môžete znak napísať aj priamo, výsledok je rovnaký.

Ktoré znaky treba v HTML nahradiť entitou

Na stránke v kódovaní UTF-8 musíte nahradiť len päť znakov. Ostatné, vrátane diakritiky, môžete písať priamo. Prvý z nich, &, sa volá ampersand. Vznikol spojením písmen latinského slova et, teda „a“.

Práve týchto päť znakov nahrádza funkcia htmlspecialchars v PHP a automatické kódovanie v šablónach Blade, Twig či React.

Pomenované, desiatkové a šestnástkové entity

Ten istý znak sa dá zapísať tromi spôsobmi. Prehliadač ich zobrazí rovnako, líšia sa len zápisom.

• Pomenovaná entita ako © sa ľahko číta, ale vlastný názov má len časť znakov.
• Desiatková entita © obsahuje číslo znaku v Unicode a funguje pre každý znak, aj pre emoji.
• Šestnástková entita © je to isté číslo v šestnástkovej sústave, v ktorej sa Unicode bežne uvádza, napríklad U+00A9.

Pri názvoch entít záleží na veľkosti písmen: Č je veľké Č, č malé č.

Zoznam HTML entít a špeciálnych znakov

Najpoužívanejšie entity rozdelené do skupín. Kliknutím na entitu ju skopírujete. Hľadať môžete podľa názvu, popisu, samotného znaku aj podľa čísla, napríklad 8226.

Znaky bez názvu, napríklad ✔ alebo emoji, zapíšete len číselnou entitou. Stĺpec CSS obsahuje zápis pre vlastnosť content, viac nájdete v časti o CSS a JavaScripte.

Ako spraviť odrážky v HTML?

Na zoznam s odrážkami použite značky <ul> a <li>. Prehliadač odrážky doplní sám a ich tvar zmeníte v CSS, napríklad list-style-type: square pre štvorčeky alebo list-style-type: "✓ " pre fajky. Entitu • použite len vtedy, keď odrážku potrebujete vnútri riadka, napríklad v pätičke Kontakt • Ochrana súkromia.

Ako napísať šípku v HTML, v CSS a na klávesnici

Najpoužívanejšie šípky a trojuholníky a všetky spôsoby, ako ich zapísať. Kód v stĺpci Word napíšte do dokumentu a hneď za ním stlačte Alt+X, Word ho zmení na znak.

Alt kód píšte so stlačeným ľavým Altom na numerickej klávesnici, číslice nad písmenami nefungujú. Word navyše sám mení --> na →, <-- na ← a ==> na ⇒. Trojuholníky ▲ a ▼ vlastný názov entity nemajú, preto ich zapíšte číselne.

Ako napísať ©, ® a ™

Znaky copyright, registrovaná ochranná známka a ochranná známka sa najčastejšie píšu do pätičky webu. Takto ich napíšete v HTML aj v bežných programoch:

Skratky pre Mac platia pre anglické rozloženie klávesnice. Pri inom rozložení otvorte prehliadač znakov skratkou Ctrl+Cmd+medzerník a znak vyhľadajte. Vo Worde sa (c), (r) a (tm) zmenia na symbol automaticky. Do pätičky webu stačí napísať napríklad © 2026 Názov firmy.

Ako napísať symbol, ktorý nie je na klávesnici

Ak symbol potrebujete vložiť do bežného textu, nie do HTML kódu, entitu nepotrebujete. Vo Windows 10 a 11 otvoríte panel so symbolmi a emoji skratkou Win+bodka, na Macu skratkou Ctrl+Cmd+medzerník. Symbol môžete aj skopírovať zo zoznamu vyššie.

Nedeliteľná medzera  

Nedeliteľná medzera vyzerá ako obyčajná, ale prehliadač na nej nezalomí riadok. V slovenčine sa používa najmä tam, kde by zalomenie pôsobilo ako chyba:

v Bratislave

jednopísmenové predložky a spojky a, i, k, o, s, u, v, z nemajú zostať na konci riadka

10 %

číslo a jednotka, percentá či mena, napríklad 25 °C, 5 kg alebo 100 €

Ing. Novák

tituly a skratky, napríklad Ing. Novák alebo s. r. o.

1. januára

dátumy a radové číslovky

10 000

medzera oddeľujúca tisíce

Na dlhé slová v úzkych stĺpcoch sa zase hodí ­, podmienené delenie: prehliadač na tom mieste rozdelí slovo a pridá spojovník len vtedy, keď sa slovo do riadka nezmestí.

Ako vložiť nedeliteľnú medzeru vo Worde, v Exceli či na Macu

Word vo Windows

Ctrl+Shift+medzerník

Excel, PowerPoint a ďalšie programy vo Windows

Alt+0160 na numerickej klávesnici

Mac

Option+medzerník vo väčšine programov

Dokumenty Google

Vložiť, potom Špeciálne znaky a vyhľadajte „no-break space“

Kdekoľvek

skopírujte ju zo zoznamu HTML entít vyššie kliknutím na znak

Prečo sa mi v správe zobrazuje  ?

Ak vám v e-maile, SMS alebo v aplikácii prišiel text s „ “, nejde o skratku ani o skrytý odkaz. Odosielateľ alebo aplikácia skopírovali text z webovej stránky a entitu nedeliteľnej medzery nepreviedli na znak. Na jej mieste mala byť obyčajná medzera. Rovnako sa môže objaviť & namiesto znaku & alebo " namiesto úvodzoviek. Ak chcete čistý text, vložte ho do nástroja vyššie a zvoľte Dekódovať.

Ako spraviť viac medzier v HTML

Prehliadač zlúči niekoľko medzier, tabulátorov a zalomení riadkov za sebou do jednej medzery. Preto na stránke nevidno, koľko medzier ste napísali do kódu. Podľa toho, čo potrebujete, máte tieto možnosti:

Ján  Novák

jedna či dve nedeliteľné medzery medzi slovami, ktoré sa nezlúčia

a b

širšia medzera,   má šírku písmena n a   šírku písmena m

p { text-indent: 2em; }

odsadenie prvého riadka odseku namiesto radu entít  

.ikona { margin-right: 0.5rem; }

medzera medzi prvkami, napríklad medzi ikonou a textom

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

zachová medzery a zalomenia presne tak, ako sú v texte

Odsadzovať či zarovnávať text radom entít   sa neoplatí: na inej šírke obrazovky sa rozloženie rozpadne. Na rozloženie stránky slúži CSS.

Ako spraviť nový riadok a medzeru medzi riadkami v HTML

Zalomenie riadka v kóde zobrazí prehliadač ako obyčajnú medzeru, rovnako ako entitu 
. Nový riadok a väčšie medzery preto robíte inak:

Prvý riadok<br>Druhý riadok

nový riadok v rámci jedného odseku, napríklad v adrese

<p>Odsek</p>

nový odsek, prehliadač pred ním a za ním pridá medzeru

p { line-height: 1.6; }

výška riadka, teda medzera medzi riadkami v odseku

p { margin-bottom: 1.5em; }

medzera medzi odsekmi

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

zachová zalomenia riadkov z textu, napríklad z formulára

Entita 
 vytvorí nový riadok len tam, kde sa zalomenia zachovávajú: v značkách <textarea> a <pre> alebo v atribúte title, kde z nej vznikne dvojriadková bublina. Ak hľadáte symbol klávesu Enter, je to ↵ (↵) alebo ⏎ (⏎).

Potrebujem entity pre diakritiku?

Nie, ak má stránka kódovanie UTF-8, čo je dnes štandard. Stačí, aby v hlavičke bolo <meta charset="utf-8">, a písmená ako č, ľ, ô či ř píšete priamo. Číselné zápisy ako č sa používali v časoch kódovaní ISO-8859-2 a Windows-1250, keď sa diakritika na inom počítači ľahko zmenila na nezmyselné znaky. Dnes sa hodia len výnimočne, napríklad pre systém, ktorý nevie spracovať UTF-8, alebo keď chcete mať v zdrojovom kóde iba znaky ASCII. Na to slúži voľba Kódovať aj diakritiku a symboly.

Diakritika sa na webe zobrazuje zle

Keď sa namiesto textu „Veľká ťava“ zobrazujú čudné znaky, takmer vždy ide o nesúlad kódovania. Podľa toho, čo presne vidíte, zistíte, kde je chyba:

Ak namiesto písmena vidíte priamo kód ako č alebo š, nejde o kódovanie, ale o dvojité zakódovanie entít. Riešenie nájdete v časti o častých chybách.

HTML entity a bezpečnosť (XSS)

Nahradenie znakov <, >, &, " a ' je základná ochrana pred útokom XSS, pri ktorom útočník vloží do stránky vlastný skript. Keď sa vstup <script> zobrazí ako <script>, prehliadač ho len vypíše a nespustí. Má to však svoje hranice:

• Entity chránia len v texte stránky a v atribútoch, ktorých hodnota je v úvodzovkách. Atribút bez úvodzoviek, napríklad title=hodnota, sa dá prelomiť aj obyčajnou medzerou.
• Nechránia v JavaScripte, v CSS ani v adrese odkazu. Odkaz javascript:alert(1) neobsahuje nič, čo by sa kódovalo, a predsa spustí kód. Adresy z používateľského vstupu preto kontrolujte zvlášť.
• V atribútoch udalostí, napríklad onclick, prehliadač entity dekóduje ešte pred spustením kódu, takže tam pred útokom nechránia.
• Kódujte až pri výpise do HTML, nie pri ukladaní do databázy. Inak sa ľahko stane, že text zakódujete dvakrát.
• Najbezpečnejšie je nechať kódovanie na šablónovací systém, ktorý to robí automaticky, napríklad Blade, Twig, React alebo Vue.

HTML entity v CSS a JavaScripte

Entity fungujú len v HTML. V CSS a v reťazcoch JavaScriptu sa ten istý znak zapisuje inak, zápis → by sa tam zobrazil doslova. Takto vyzerá šípka → v jednotlivých jazykoch:

HTML

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

CSS

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

JavaScript

element.textContent = "\u2192";

JavaScript (emoji)

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

Zápis pre CSS nájdete pri každej entite v zozname vyššie. Ak za kódom v CSS nasleduje ďalšie písmeno od a po f alebo číslica, oddeľte ich medzerou, inak sa prečítajú ako súčasť kódu.

Fungujú HTML entity v Reacte a v Markdowne?

HTML entity v PHP, JavaScripte a Pythone

Vo väčšine jazykov netreba na kódovanie entít písať vlastný kód. Takto to vyzerá v najpoužívanejší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ódovania --}}

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

Ktorú funkciu v PHP použiť

htmlspecialchars()

zakóduje päť špeciálnych znakov, na bezpečný výpis do HTML to stačí

htmlentities()

zakóduje všetko, čo má pomenovanú entitu, vrátane diakritiky, na stránke v UTF-8 to netreba

htmlspecialchars_decode()

dekóduje späť len tých päť špeciálnych znakov

html_entity_decode()

dekóduje všetky entity, pomenované aj číselné

Od PHP 8.1 kódujú obe funkcie predvolene aj apostrof a neplatné znaky UTF-8 nahradia znakom �. V starších verziách zadajte príznaky ENT_QUOTES | ENT_SUBSTITUTE ručne.

Časté chyby pri HTML entitách