Encje HTML: kodowanie i dekodowanie
To narzędzie koduje i dekoduje encje HTML: „&” zamienia się w „&” i odwrotnie, opcjonalnie z odwołaniami nazwanymi, dziesiętnymi lub szesnastkowymi dla polskich liter, znaku euro i innych znaków specjalnych. Twój tekst nigdy nie opuszcza przeglądarki.
Źródło: WHATWG HTML Living Standard – Named character references. Stan na: .
Jak to obliczamy
Encje HTML – do czego służą
Encje HTML (odwołania do znaków) zastępują znaki, które w kodzie źródłowym mają szczególne znaczenie albo trudno je wpisać. Pięć najważniejszych to & dla znaku ampersand, < i > dla nawiasów ostrych, " dla cudzysłowu prostego i ' dla apostrofu. Bez kodowania przeglądarka odczytałaby znak „mniejsze niż” w tekście jako początek znacznika.
Nazwane, dziesiętne, szesnastkowe
- Nazwane:
ódla ó,€dla €. Czytelne, ale nie każdy znak ma nazwę. - Dziesiętne:
ódla ó. Działają dla każdego znaku Unicode. - Szesnastkowe:
ódla ó, wygodne, gdy znasz punkt kodowy z tabeli Unicode.
Kiedy kodować, a kiedy nie
Na stronach w UTF-8 polskie litery i znak euro mogą stać bezpośrednio w tekście. Znaki obowiązkowe trzeba kodować zawsze, gdy tekst trafia do HTML, zwłaszcza tekst od użytkowników: zapobiega to błędnemu wyświetlaniu i jest jednym z elementów ochrony przed cross-site scripting. Zależnie od miejsca (tekst HTML, atrybut, JavaScript, adres URL) obowiązuje inne escapowanie.
Ograniczenia
Narzędzie zna popularne encje nazwane (Latin-1, typografia, waluty, strzałki, matematyka, greka), a nie wszystkie ponad 2000 nazw z listy WHATWG. Nieznane nazwy pozostają przy dekodowaniu bez zmian i są zgłaszane. Dekodowanie daje tekst, a nie aktywny HTML.
Najczęściej zadawane pytania
Czym są encje HTML?
Odwołaniami do znaków, które w kodzie źródłowym oznaczają jeden znak, na przykład ampersand, nawias ostry albo literę z ogonkiem. Zaczynają się od ampersandu i kończą średnikiem.
Jak zakodować znaki specjalne dla HTML?
Wybierz „Zakoduj tekst w encje” i poziom „nazwane”. Na stronach w UTF-8 polskie litery są dozwolone także bez kodowania.
Jak zdekodować encje HTML?
Wybierz „Zdekoduj encje na tekst” i wklej tekst. Odwołania nazwane, dziesiętne i szesnastkowe wracają do postaci znaków.
Które znaki w HTML trzeba zawsze kodować?
Ampersand i oba nawiasy ostre. W wartościach atrybutów dochodzi użyty cudzysłów.
Czym różnią się encje nazwane od liczbowych?
Nazwane mają czytelną nazwę, liczbowe podają punkt kodowy Unicode jako liczbę. Liczbowe działają dla każdego znaku, nazwane tylko dla znaków, które mają nazwę.
Źródła i podstawa prawna
- WHATWG HTML Living Standard – Named character references
- MDN – Character reference: named and numeric reference syntax
Stan na: · Zasady redakcyjne
Podobne narzędzia
- Kodowanie i dekodowanie Base64Kodowanie i dekodowanie Base64 oraz Base64url z poprawnym UTF-8, do tego kodowanie URL (percent-encoding). Jasne komunikaty błędów, działa w przeglądarce.
- Formatowanie HTMLFormatowanie HTML: dodaj wcięcia, by kod był czytelny, albo zminimalizuj go do jednej linii – z ostrzeżeniem o niezamkniętych tagach. Działa w przeglądarce.
- Markdown na HTML: podgląd, kod HTML i pobieranieMarkdown na HTML z podglądem na żywo: nagłówki, listy, tabele i kod zgodnie z CommonMark. Czysty kod HTML do skopiowania, bezpieczny i bez skryptów. Za darmo.
- Tabela ASCII z kodami dziesiętnymi, hex, ósemkowymi, binarnymi i wyszukiwarką UnicodePełna tabela ASCII (0–127) i Latin-1 (128–255): kody dziesiętne, hex, ósemkowe, binarne, encje HTML i znaki sterujące. Wyszukaj dowolny znak Unicode.
- JSON formatter, walidator i minifikatorSprawdź JSON według RFC 8259: dokładna linia, kolumna i zrozumiały opis błędu. Formatowanie JSON, minifikacja, sortowanie kluczy – lokalnie w przeglądarce.
- Regex testerRegex tester: sprawdzaj wyrażenia regularne JavaScript na żywo – podświetlone dopasowania, grupy w tabeli i objaśnienie wzorca. Za darmo, bez wysyłania danych.
- Moje IP – jaki mam adres IP?Moje IP od razu: pokazuje Twój publiczny adres IP, rozpoznaje IPv4 lub IPv6 i wyjaśnia różnicę. Za darmo, bez rejestracji – adres IP nie jest zapisywany.
- Kalkulator rozmiaru ekranuKalkulator rozmiaru ekranu: szerokość i wysokość w cm i calach z przekątnej i proporcji, plus gęstość pikseli (ppi) i odległość, od której piksele się zlewają.
- Pary czcionek: jakie czcionki do siebie pasująPary czcionek do nagłówków i tekstu z podglądem na żywo, gotowym CSS i dostępnością w Windows, macOS, iOS i Androidzie – tylko czcionki systemowe.