CSS @charset: Neviditeľný architekt globálneho zobrazovania textu

V zložitom svete webového vývoja, kde sa každý pixel a znak musí dokonale vykresliť na nespočetnom množstve zariadení a v rôznych kultúrach, existujú často jemné, no kľúčové detaily, ktoré si nevšimneme, až kým sa niečo nepokazí. Jedným z takýchto detailov, základným pre robustnú medzinárodnú webovú prítomnosť, je kódovanie znakov. Konkrétne pre CSS to zahŕňa pravidlo @charset. Hoci sa zdá byť nepodstatné, pochopenie a správna implementácia @charset je prvoradá na zabezpečenie toho, aby vaše štýly hovorili rovnakým jazykom ako váš obsah a bezchybne zobrazovali text globálnemu publiku.

Tento komplexný sprievodca sa hlboko ponára do významu @charset, skúma jeho úlohu v širšom kontexte kódovania znakov na webe. Odhalíme, prečo na ňom záleží, ako interaguje s inými deklaráciami kódovania, najlepšie postupy pre jeho použitie a bežné nástrahy, ktorým sa treba vyhnúť, všetko z pohľadu vytvárania skutočne globálneho webového zážitku.

Pochopenie kódovania znakov: Základ

Predtým, ako môžeme plne oceniť @charset, musíme najprv pochopiť koncept kódovania znakov. V svojej podstate je kódovanie znakov systém, ktorý priraďuje jedinečné číselné hodnoty znakom – písmenám, číslam, symbolom a dokonca aj emoji – čo umožňuje ich digitálne ukladanie, prenos a zobrazovanie. Bez konzistentného kódovania je sekvencia bajtov len dátami; s ním sa tieto bajty menia na zmysluplný text.

Evolúcia znakových sád

• ASCII (American Standard Code for Information Interchange): Najstarší a najzákladnejší štandard kódovania. ASCII mapuje 128 znakov (0-127), primárne pokrývajúcich písmená anglickej abecedy, čísla a základnú interpunkciu. Jeho jednoduchosť bola revolučná, ale jeho obmedzený rozsah sa rýchlo stal prekážkou, keď sa výpočtová technika rozšírila globálne.
• ISO-8859-1 (Latin-1): Rozšírenie ASCII, ktoré pridáva ďalších 128 znakov (128-255) na podporu západoeurópskych jazykov, vrátane znakov s diakritikou (dĺžne, umlauty) ako é, ü, ç. Hoci to bol významný krok, stále to nestačilo pre jazyky používajúce úplne iné písma, ako napríklad cyriliku, arabčinu alebo východoázijské znaky.
• Potreba univerzálneho kódovania: Keď sa internet stal globálnym fenoménom, obmedzenia jednobajtových kódovaní sa stali očividnými. Webové stránky poskytujúce obsah vo viacerých jazykoch alebo tie, ktoré cielili na rôzne jazykové komunity, čelili neprekonateľným výzvam. Bolo potrebné univerzálne kódovanie, ktoré by dokázalo reprezentovať každý znak v každom ľudskom jazyku a dokonca aj mnohé neľudské symboly.

UTF-8: Globálny štandard

Vstúpte do UTF-8 (Unicode Transformation Format - 8-bit), dominantného kódovania znakov pre dnešný web, a to z dobrého dôvodu. UTF-8 je kódovanie s premenlivou šírkou, ktoré dokáže reprezentovať akýkoľvek znak v štandarde Unicode. Unicode je masívna znaková sada, ktorej cieľom je zahrnúť všetky znaky zo všetkých písmových systémov sveta. Povaha UTF-8 s premenlivou šírkou znamená:

• Bežné ASCII znaky sú reprezentované jedným bajtom, čo ho robí spätne kompatibilným a efektívnym pre anglický text.
• Znaky z iných písiem (napr. gréčtina, cyrilika, arabčina, čínština, japončina, kórejčina, hindčina, thajčina) sú reprezentované dvoma, tromi alebo štyrmi bajtmi.
• Je vysoko efektívne pre obsah so zmiešanými písmami, pretože neplytvá miestom na jednobajtových znakoch.
• Je odolné a široko podporované naprieč prehliadačmi, operačnými systémami a programovacími jazykmi.

Drvivá väčšina odporúčaní pre všetok nový webový obsah je používať UTF-8. Zjednodušuje vývoj, zaisťuje maximálnu kompatibilitu a je kľúčové pre globálny dosah.

Pravidlo CSS @charset: Hĺbkový pohľad

S porozumením kódovania znakov sa teraz môžeme zamerať na pravidlo CSS @charset. Toto pravidlo slúži na jediný, životne dôležitý účel: špecifikovať kódovanie znakov samotného štýlu.

Syntax a umiestnenie

Syntax pre @charset je priamočiara:

@charset "UTF-8";

Alebo, pre staršie, menej odporúčané kódovanie:

@charset "ISO-8859-1";

Existujú kritické pravidlá týkajúce sa jeho umiestnenia:

• MUSÍ byť úplne prvým prvkom v štýle. Pred ním nesmú byť žiadne komentáre, žiadne medzery (okrem voliteľnej značky poradia bajtov), žiadne iné CSS pravidlá ani at-pravidlá.
• Ak nie je prvým prvkom, CSS parser ho jednoducho ignoruje, čo môže viesť k potenciálnym problémom s kódovaním.
• Vzťahuje sa iba na štýl, v ktorom je deklarované. Ak máte viacero CSS súborov, každý súbor potrebuje vlastné pravidlo @charset, ak sa jeho kódovanie môže líšiť od predvoleného alebo odvodeného kódovania.

Prečo je potrebné?

Predstavte si, že váš CSS súbor obsahuje vlastné písma so špecifickými rozsahmi znakov, alebo používa vlastnosti `content` so špeciálnymi symbolmi, alebo možno definuje triedy s názvami obsahujúcimi ne-ASCII znaky (hoci sa to vo všeobecnosti neodporúča pre názvy tried, je to možné). Ak prehliadač interpretuje bajty vášho CSS súboru pomocou iného kódovania, než v akom bol uložený, tieto znaky sa zobrazia ako skomolený text, známy ako „mojibake“ (乱れ文字 - japonsky „skomolené znaky“).

Pravidlo @charset explicitne hovorí prehliadaču: „Hej, tento CSS súbor bol napísaný s použitím tohto špecifického kódovania znakov. Prosím, interpretuj jeho bajty podľa toho.“ Táto explicitná deklarácia pomáha predchádzať nesprávnym interpretáciám, najmä keď existujú konflikty alebo nejasnosti v iných deklaráciách kódovania.

Hierarchia deklarácií kódovania

Je dôležité pochopiť, že pravidlo @charset nie je jediný spôsob, akým prehliadač určuje kódovanie CSS súboru. Existuje špecifická hierarchia priorít, ktorú prehliadače dodržiavajú:

1. HTTP hlavička Content-Type: Toto je najautoritatívnejšia a preferovaná metóda. Keď webový server doručuje CSS súbor, môže zahrnúť HTTP hlavičku Content-Type s parametrom charset, napríklad: Content-Type: text/css; charset=UTF-8. Ak je táto hlavička prítomná, prehliadač ju bude rešpektovať nad všetkým ostatným.

   Táto metóda je silná, pretože ju nastavuje server, čím zabezpečuje konzistentnosť ešte predtým, ako prehliadač začne analyzovať obsah súboru. Často sa konfiguruje na úrovni servera (napr. Apache, Nginx) alebo v rámci serverového skriptovania (napr. PHP, Node.js).

2. Byte Order Mark (BOM): BOM je špeciálna sekvencia bajtov na začiatku súboru, ktorá indikuje jeho kódovanie (špecificky pre UTF kódovania ako UTF-8, UTF-16). Hoci sú UTF-8 BOM technicky voliteľné a niekedy môžu spôsobovať problémy (napr. extra medzery v starších prehliadačoch/serveroch), jeho prítomnosť hovorí prehliadaču: „Tento súbor je kódovaný v UTF-8.“ Ak je BOM prítomné, má prednosť pred pravidlom @charset.

   Pre UTF-8 je sekvencia BOM EF BB BF. Mnohé textové editory automaticky pridávajú BOM pri ukladaní ako „UTF-8 s BOM“. Vo všeobecnosti sa odporúča ukladať UTF-8 súbory pre webový obsah bez BOM, aby sa predišlo potenciálnym chybám pri vykresľovaní alebo problémom s parserom.

3. Pravidlo @charset: Ak nie je prítomná ani HTTP hlavička Content-Type, ani BOM, prehliadač potom bude hľadať pravidlo @charset ako prvý príkaz v CSS súbore. Ak ho nájde, použije toto deklarované kódovanie.
4. Kódovanie nadradeného dokumentu: Ak nie je špecifikované žiadne z vyššie uvedených, prehliadač sa zvyčajne vráti ku kódovaniu HTML dokumentu, ktorý odkazuje na CSS súbor. Napríklad, ak váš HTML dokument má <meta charset="UTF-8"> a pre CSS nie sú prítomné žiadne iné nápovedy kódovania, prehliadač predpokladá, že aj CSS je UTF-8.
5. Predvolené kódovanie: Ako posledná možnosť, ak nie sú dostupné žiadne explicitné informácie o kódovaní z žiadneho zdroja, prehliadač použije svoje predvolené kódovanie (ktoré sa líši, ale v moderných prehliadačoch je to často UTF-8, alebo kódovanie špecifické pre lokalitu v starších). Toto je najrizikovejší scenár a treba sa mu za každú cenu vyhnúť, pretože je to najčastejšia príčina mojibake.

Táto hierarchia vysvetľuje, prečo niekedy môžete vidieť CSS súbor zobrazený správne aj bez explicitného pravidla @charset, najmä ak váš server konzistentne posiela hlavičky UTF-8 alebo váš HTML dokument deklaruje UTF-8.

Kedy a prečo používať @charset

Vzhľadom na hierarchiu sa môžeme opýtať: Je @charset vždy nevyhnutné? Odpoveď je nuansovaná, ale vo všeobecnosti je to dobrá prax, najmä v určitých scenároch:

1. Ako silná záloha: Aj keď je váš server nakonfigurovaný na posielanie hlavičiek UTF-8, zahrnutie @charset "UTF-8"; na začiatok vášho CSS súboru slúži ako explicitná, interná deklarácia. Je to obzvlášť užitočné vo vývojových prostrediach, kde konfigurácie servera môžu byť nekonzistentné, alebo keď sa súbory prezerajú lokálne bez servera.
2. Pre konzistentnosť a prehľadnosť: Robí kódovanie CSS súboru explicitným pre kohokoľvek, kto súbor otvorí, či už je to vývojár, správca obsahu alebo špecialista na lokalizáciu. Táto prehľadnosť znižuje nejednoznačnosť a potenciálne chyby počas spolupráce, najmä v medzinárodných tímoch.
3. Pri migrácii alebo práci so staršími systémami: Ak pracujete so staršími CSS súbormi, ktoré mohli byť vytvorené s rôznymi kódovaniami (napr. ISO-8859-1 alebo Windows-1252), a potrebujete tieto kódovania dočasne zachovať alebo počas migračnej fázy, @charset sa stáva nevyhnutným na správnu interpretáciu týchto súborov.
4. Pri používaní ne-ASCII znakov v CSS: Hoci sa to vo všeobecnosti neodporúča pre čitateľnosť a udržiavateľnosť, CSS umožňuje, aby identifikátory (ako názvy tried alebo písiem) obsahovali ne-ASCII znaky, ak sú escapované alebo ak kódovanie súboru ich správne spracuje. Napríklad, ak definujete rodinu písiem ako font-family: "Libre Baskerville Cyrillic"; alebo používate špecifické symboly znakov vo vlastnostiach content (content: '€'; pre symbol Eura, alebo priamo content: '€';), potom je zabezpečenie správnej deklarácie kódovania CSS súboru životne dôležité.

   @charset "UTF-8";
   .currency-symbol::before {
       content: "€"; /* UTF-8 symbol Eura */
   }
   
   .multilingual-text::after {
       content: "안녕하세요"; /* Kórejské znaky */
   }
   
           

   Bez správneho @charset (alebo iných silných nápovedí kódovania) by sa tieto znaky mohli vykresliť ako otázniky alebo iné nesprávne symboly.

5. Externé štýly na rôznych doménach: Hoci je to menej bežné pre typické aktíva, ak odkazujete na CSS súbory hosťované na úplne iných doménach, ich serverové konfigurácie sa môžu výrazne líšiť. Explicitné @charset môže poskytnúť ďalšiu vrstvu robustnosti proti nepredvídaným nezhodám v kódovaní.

V podstate, zatiaľ čo UTF-8 je univerzálne odporúčané kódovanie a hlavičky servera sú najrobustnejším mechanizmom, @charset "UTF-8"; slúži ako vynikajúca poistka a jasná deklarácia zámeru vo vašom štýle, čím sa zvyšuje prenosnosť a znižuje pravdepodobnosť problémov súvisiacich s kódovaním pre globálne publikum.

Najlepšie postupy pre globálne kódovanie znakov

Na zabezpečenie bezproblémového a globálne prístupného webového zážitku je kľúčové dodržiavať konzistentnú stratégiu kódovania pre všetky vaše webové aktíva. Tu sú najlepšie postupy, kde @charset hrá svoju úlohu:

1. Štandardizujte na UTF-8 všade

Toto je zlaté pravidlo. Urobte z UTF-8 vaše predvolené a univerzálne kódovanie pre:

• Všetky HTML dokumenty: Explicitne deklarujte <meta charset="UTF-8"> v sekcii <head> vášho HTML. Toto by mal byť jeden z úplne prvých meta tagov.
• Všetky CSS štýly: Ukladajte všetky vaše .css súbory ako UTF-8. Navyše, zahrňte @charset "UTF-8"; ako úplne prvý riadok každého CSS súboru.
• Všetky JavaScript súbory: Ukladajte vaše .js súbory ako UTF-8. Hoci JavaScript nemá ekvivalent @charset, kľúčová je konzistentnosť.
• Konfigurácia servera: Nakonfigurujte váš webový server (Apache, Nginx, IIS, atď.) tak, aby servíroval všetok textový obsah s hlavičkou Content-Type: text/html; charset=UTF-8 alebo Content-Type: text/css; charset=UTF-8. Toto je najrobustnejšia a preferovaná metóda.
• Kódovanie databázy: Uistite sa, že vaše databázy (napr. MySQL, PostgreSQL) sú nakonfigurované na používanie UTF-8 (špecificky utf8mb4 pre MySQL na plnú podporu všetkých Unicode znakov, vrátane emoji).
• Vývojové prostredie: Nakonfigurujte váš textový editor, IDE a systém na správu verzií tak, aby predvolene používali UTF-8. Predchádza sa tým náhodnému uloženiu v inom kódovaní.

Dôsledným používaním UTF-8 v celom vašom technologickom zásobníku dramaticky znižujete šance na problémy súvisiace s kódovaním, čím zabezpečujete, že text v akomkoľvek jazyku a z akéhokoľvek písma sa zobrazí tak, ako má, pre používateľov po celom svete.

2. Vždy ukladajte súbory ako UTF-8 (bez BOM)

Väčšina moderných textových editorov (ako VS Code, Sublime Text, Atom, Notepad++) vám umožňuje špecifikovať kódovanie pri ukladaní. Vždy si vyberte „UTF-8“ alebo „UTF-8 bez BOM“. Ako už bolo spomenuté, hoci BOM signalizuje kódovanie, niekedy môže spôsobiť menšie problémy s parsovaním alebo neviditeľné znaky, takže je vo všeobecnosti lepšie sa mu pri webovom obsahu vyhnúť.

3. Validujte a testujte

• Vývojárske nástroje prehliadača: Použite vývojárske nástroje vášho prehliadača na kontrolu HTTP hlavičiek pre vaše CSS súbory. Potvrďte, že hlavička Content-Type obsahuje charset=UTF-8.
• Testovanie naprieč prehliadačmi a zariadeniami: Testujte svoju webovú stránku na rôznych prehliadačoch (Chrome, Firefox, Safari, Edge) a operačných systémoch, vrátane mobilných zariadení, aby ste zachytili akékoľvek nezrovnalosti pri vykresľovaní.
• Testovanie internacionalizovaného obsahu: Ak vaša stránka podporuje viacero jazykov, testujte s obsahom v rôznych písmach (napr. arabčina, ruština, čínština, dévanágarí), aby ste sa uistili, že sa všetky znaky vykresľujú správne. Venujte osobitnú pozornosť znakom, ktoré môžu byť mimo základnej viacjazyčnej roviny (BMP), ako sú niektoré emoji, ktoré v UTF-8 vyžadujú štyri bajty.

4. Zvážte záložné písma pre medzinárodné znaky

Zatiaľ čo kódovanie znakov zaisťuje, že prehliadač správne interpretuje bajty, zobrazenie týchto znakov závisí od toho, či systém používateľa má písma, ktoré obsahujú potrebné glyfy. Ak vlastné webové písmo nepodporuje špecifický znak, prehliadač sa vráti k systémovému písmu. Uistite sa, že vaše sady písiem (font stacks) sú robustné a zahŕňajú generické rodiny písiem (ako sans-serif, serif) ako zálohy na spracovanie znakov, ktoré nie sú prítomné vo vašich primárnych webových písmach.

Bežné nástrahy a riešenie problémov

Napriek najlepším postupom sa občas môžu vyskytnúť problémy s kódovaním. Tu je návod, ako identifikovať a riešiť bežné problémy súvisiace s @charset a kódovaním znakov:

1. Nesprávne umiestnenie @charset

Najčastejšou chybou je umiestnenie @charset niekde inde ako na úplne prvom riadku. Ak máte pred ním komentáre, prázdne riadky alebo iné pravidlá, bude ignorované.

/* Môj štýl */
@charset "UTF-8"; /* Toto je správne */

/* Môj štýl */

@charset "UTF-8"; /* Nesprávne: medzera pred */

/* Môj štýl */
@import url("reset.css");
@charset "UTF-8"; /* Nesprávne: @import pred */

Riešenie: Vždy sa uistite, že @charset je úplne prvá deklarácia vo vašom CSS súbore.

2. Nesúlad medzi kódovaním súboru a deklarovaným kódovaním

Ak je váš CSS súbor uložený napríklad ako ISO-8859-1, ale deklarujete @charset "UTF-8";, znaky mimo rozsahu ASCII sa pravdepodobne vykreslia nesprávne. To isté platí, ak je súbor UTF-8, ale deklarovaný ako staršie kódovanie.

Riešenie: Vždy ukladajte svoj súbor v kódovaní, ktoré deklarujete (najlepšie UTF-8) a zabezpečte konzistentnosť s hlavičkami servera a HTML meta tagmi. V prípade potreby použite možnosti textového editora „Uložiť ako...“ alebo „Zmeniť kódovanie“ na konverziu súborov.

3. Konfigurácia servera prepisuje @charset

Ak váš server posiela HTTP hlavičku Content-Type špecifikujúcu iné kódovanie ako vaše pravidlo @charset, hlavička servera vyhrá. To môže viesť k neočakávanému mojibake, aj keď je vaše @charset správne.

Riešenie: Nakonfigurujte váš webový server tak, aby vždy posielal Content-Type: text/css; charset=UTF-8 pre všetky CSS súbory. Toto je najspoľahlivejší prístup.

4. Problémy s UTF-8 BOM

Hoci je to s modernými nástrojmi menej bežné, nechcený UTF-8 BOM môže niekedy zasahovať do parsovania, najmä v starších verziách prehliadačov alebo serverových nastaveniach, čo občas vedie k neviditeľným znakom alebo posunom rozloženia na začiatku súboru.

Riešenie: Ukladajte všetky vaše UTF-8 súbory bez BOM. Mnohé textové editory túto možnosť ponúkajú. Ak narazíte na problémy, skontrolujte, či je prítomný BOM pomocou hex editora alebo špecializovaného textového editora, ktorý dokáže zobraziť skryté znaky.

5. Escapovanie špeciálnych znakov v selektoroch/obsahu

Ak potrebujete použiť ne-ASCII znaky priamo v CSS identifikátoroch (ako názvy tried, hoci sa to pre globálne projekty neodporúča) alebo v reťazcových hodnotách (ako content pre pseudo-elementy), môžete tiež použiť CSS escapes (\ nasledované Unicode kódovým bodom). Napríklad content: "\20AC"; pre symbol Eura. Tento prístup zaisťuje kompatibilitu bez ohľadu na kódovanie súboru, ale robí štýl menej čitateľným pre človeka.

.euro-icon::before {
    content: "\20AC"; /* Unicode escape pre symbol Eura */
}

.korean-text::after {
    content: "\C548\B155\D558\C138\C694"; /* Unicode escapes pre '안녕하세요' */
}

Používanie @charset "UTF-8"; a priame vkladanie znakov je vo všeobecnosti preferované pre čitateľnosť, keď je súbor správne uložený ako UTF-8. Escapovanie je robustnou alternatívou pre špecifické scenáre alebo keď je potrebná absolútna istota.

Globálny dopad správneho kódovania

Zdanlivo technický detail kódovania znakov, a tým aj pravidlo @charset, má hlboké dôsledky pre globálny dosah a prístupnosť vášho webového obsahu:

• Predchádzanie „Mojibake“ globálne: Nič nenaruší používateľský zážitok tak ako skomolený text. Či už je to položka v menu, časť štylizovaného obsahu alebo nápis na tlačidle, nesprávne kódovanie môže urobiť text nečitateľným, okamžite odcudziť používateľov, ktorí hovoria inými jazykmi alebo používajú nelatinské písma. Zabezpečenie správneho kódovania predchádza tejto „korupcii textu“ pre používateľov všade.
• Umožnenie skutočnej internacionalizácie (i18n): Pre webové stránky navrhnuté tak, aby slúžili globálnemu publiku, je robustná internacionalizácia nevyhnutná. Zahŕňa to podporu viacerých jazykov, rôznych formátov dátumu/času, symbolov mien a smerov textu (zľava doprava, sprava doľava). Správne kódovanie znakov je základom, na ktorom sú postavené všetky tieto snahy o internacionalizáciu. Bez neho sa ani najsofistikovanejší prekladateľský systém nezobrazí správne.
• Udržiavanie konzistencie značky naprieč regiónmi: Vizuálna identita vašej značky sa rozširuje aj na to, ako sa zobrazuje jej text. Ak názov značky alebo slogan obsahuje jedinečné znaky alebo je prezentovaný v nelatinskom písme, správne kódovanie zaisťuje, že tento kritický aspekt vašej značky sa zobrazuje konzistentne a profesionálne, bez ohľadu na polohu používateľa alebo nastavenia systému.
• Zlepšenie SEO pre globálne vyhľadávanie: Vyhľadávače sa vo veľkej miere spoliehajú na správne interpretovaný text na indexovanie obsahu. Ak sú vaše znaky skomolené kvôli problémom s kódovaním, vyhľadávače môžu mať problémy so správnym pochopením a kategorizáciou vášho obsahu, čo môže potenciálne poškodiť vaše globálne pozície vo vyhľadávačoch a objaviteľnosť.
• Zlepšenie prístupnosti: Pre používateľov, ktorí sa spoliehajú na asistenčné technológie (čítačky obrazovky, lupy), je správne vykresľovanie textu prvoradé. Skomolený text je nielen nečitateľný pre ľudské oči, ale aj pre nástroje prístupnosti, čím sa váš obsah stáva neprístupným pre značnú časť globálnej používateľskej základne.

Vo svete, kde internet prekračuje geografické hranice, ignorovanie kódovania znakov je ekvivalentom budovania jazykových bariér tam, kde by žiadne nemali existovať. Skromné pravidlo @charset, keď je správne pochopené a implementované, významne prispieva k rúcaní týchto bariér a podporuje internet, ktorý je skutočne globálny a inkluzívny.

Záver: Malé pravidlo s veľkými dôsledkami

Pravidlo CSS @charset, hoci sa zdá byť malým detailom v obrovskom prostredí webového vývoja, hrá neúmerne veľkú úlohu pri zabezpečovaní globálnej kompatibility a správneho vykresľovania vašich štýlov. Je to základný kúsok skladačky kódovania znakov, ktorý spolupracuje s HTTP hlavičkami, BOM a HTML meta tagmi na komunikácii jazyka vašich bajtov prehliadaču.

Prijatím UTF-8 ako vášho univerzálneho štandardu kódovania pre všetky webové aktíva – od HTML a CSS po JavaScript a konfigurácie servera – a dôsledným uplatňovaním @charset "UTF-8"; na samom začiatku vašich štýlov, kladiete pevný základ pre skutočne medzinárodnú webovú prítomnosť. Táto starostlivá pozornosť venovaná detailom predchádza frustrujúcemu „mojibake“ a zaisťuje, že váš obsah, dizajn a identita značky sú bezchybne prezentované každému používateľovi, kdekoľvek na svete, bez ohľadu na jeho rodný jazyk alebo písmo.

Keď budete pokračovať v budovaní pre web, pamätajte, že každý znak má význam. Konzistentná a jasná stratégia kódovania znakov, na čele s pokorným pravidlom @charset vo vašom CSS, nie je len technickou formalitou; je to záväzok k skutočne globálnemu, prístupnému a používateľsky prívetivému internetu.