Loading...

HTML karakterkódolás (charset)

A karakterkódolás (charset) határozza meg, hogy a böngésző hogyan értelmezi az oldal szövegét. Ha a beállítás helytelen, az ékezetes vagy nem latin karakterek hibásan jelenhetnek meg.

Mi az a karakterkódolás?

A karakterkódolás egy szabványos rendszer, amely minden karakterhez egy számot rendel. A legnépszerűbb ilyen szabvány ma az UTF-8.

Az UTF-8 jelentősége

Az UTF-8 a legelterjedtebb karakterkódolás a weben, mert támogatja a világ összes nyelvét. Használata erősen ajánlott minden HTML dokumentumban.

html

<head>
  <meta charset="UTF-8">
</head>

Más karakterkódolások

Korábban népszerű volt az ISO-8859-1 (latin-1), de mára szinte teljesen kiszorította az UTF-8.

html

<meta charset="ISO-8859-1">

Miért fontos a helyes charset?

Ha nem megfelelő karakterkódolást használsz, az oldalon szereplő szöveg hibásan jelenhet meg — például kérdőjelekké vagy furcsa szimbólumokká válhat.

Gyakorlati példa

A következő példában több nyelv karakterei is megjelennek egy UTF-8-al kódolt HTML dokumentumban.

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Character Encoding Example</title>
  </head>
  <body>
    <p>Árvíztűrő tükörfúrógép — 日本語 — русский</p>
  </body>
</html>

Tippek a karakterkódoláshoz

Mindig használd a <meta charset="UTF-8"> sort a <head> rész elején. Ezzel biztosíthatod, hogy a nemzetközi karakterek is helyesen jelenjenek meg.

Gyakori hibák

Sok fejlesztő elfelejti beállítani a karakterkódolást, vagy későn helyezi el a meta taget. Ez különösen problémás lehet, ha a fájl mentése más formátumban történt.

Mi az a BOM?

A BOM (Byte Order Mark) egy rejtett karakter a fájl elején, ami jelezheti a karakterkódolást. UTF-8 esetén nem szükséges, sőt, néha megzavarhatja a megjelenítést.

Hogyan ellenőrizd a kódolást?

A fájl kódolását ellenőrizheted a szövegszerkesztőd beállításaiban vagy a böngésző fejlesztői eszközeiben. Ha problémát tapasztalsz, győződj meg róla, hogy a fájl UTF-8 formátumban lett elmentve.

Kövesd nyomon a fejlődésed 🚀

Tanulj egyszerűbben utad nyomonkövetésével teljesen ingyen.


Top eszközök

CodeHubBoardly ÚJLinksy ÚJChromo ÚJ

Nyelv kiválasztása

Téma beállítása

© 2025 ReadyTools. Minden jog fenntartva.