HTML - Specijalni znakovi

Uvod

Specijalni znakovi predstavljaju zanimljivu pojavu na web sajtovima, i za sam početak bismo mogli reći da su u pitanju znakovi kojih (najčešće) "nema na tastaturi". Neki od specijalnih znakova deluju kao deo teksta (znak "copyright", oznake valuta i sl), drugi deluju kao 'sličice' (primer: razni emotikoni koji se svakodnevno koriste na mobilnim telefonima), međutim - u oba slučaju su u pitanju UNICODE znakovi.

Iako smo napravili svojevrsnu (vrlo neformalnu) podelu specijalnih znakova, na "specijalne" (znakovi kojih tipično nema na tastaturi, ali sa kojima se inače srećemo često i deluju kao deo teksta), i "specijalnije" (najrazličitije moguće kolekcije grafičkih simbola, emotikona i drugih specijalizovanih simbola, koji neretko zahtevaju i posebne fontove za prikaz), takvim razlikama se nećemo baviti previše i pažnju ćemo usmeriti na način zapisa i prikaz specijalnih znakova.

Zapis specijalnih znakova

U HTML-u, specijalnim znakovima smatraju se:

znakovi koji bi bili interpretirani kao deo HTML koda - ako bi bili zapisani direktno
nevidljivi znakovi
drugi posebni znakovi

Zapis specijalnog znaka počinje znakom ampersend & (koji naravno neće biti prikazan), završava se znakom tačka-zarez ;, a prema tome šta se zapisuje između dva navedena znaka, razlikujemo:

HTML entitete
zapis preko UNICODE kodnih pozicija (brojčanog koda)

HTML entiteti

Za određene specijalne znakove koji se često koriste, definisani su takozvani HTML entiteti, skraćenice koje su (kao što je prethodno navedeno), zapisane između znakova ampersend & i tačka-zarez ;, i imaju posebno značenje

Pogledajmo nekoliko najčešće korišćenih HTML entiteta:

		
& - &amp;
< - &lt;
> - &gt;
€ - &euro;
© - &copy;
® - &reg;

Slika 1. - Specijalni znakovi, navedeni preko HTML entiteta.

Tekst koji se u browseru prikazuje kao jedan od simbola sa leve strane, u HTML-u je zapisan kao odgovarajuća skraćenica sa desne strane.

Na ovom mestu se postavlja i jedno vrlo praktično pitanje: ako se HTML entiteti interpretiraju na opisani način - kako je onda moguće napisati skraćenice nalik na &?!

Odgovor može biti pomalo "kontraintuitivan" pri prvom susretu, ali, nije komplikovan, i samo se treba setiti da je za znak & - takođe definisan HTML entitet (i potom treba dosledno slediti pravila koja smo već naveli):

		
&amp;amp;

Slika 2. - Primer kodiranja HTML entiteta zarad prikaza na sajtu.

Zapis preko brojčanog koda

Zapis preko HTML entiteta je svakako zgodan (sam po sebi), ali, HTML entiteti nisu definisani za svaki specijalni znak.

Ukoliko HTML entitet ne postoji, potrebno je primeniti drugi pristup, koji podrazumeva navođenje brojčane vrednosti koja predstavlja kodnu poziciju znaka u okviru UNICODE standarda (može se navesti dekadna vrednost, ali se u praksi najčešće navodi heksadekadna vrednost).

U ovom slučaju, brojčanim vrednostima dodaje se prefiks # (a heksadekadnim vrednostima još i znak x).

Pogledajmo neke od znakova koji se mogu ispisati na prethodno opisani način (naravno, prikazaćemo samo mali izvod iz ogromnog skupa od preko 100 hiljada UNICODE znakova):

Strelice

		
← &#8592; &#x2190;
↑ &#8593; &#x2191;
→ &#8594; &#x2192;
↓ &#8595; &#x2193;

Slika 3. - Specijalni znakovi (strelice), navedeni preko brojčanih kodova.

Matematički simboli

		
∈ &#8712; &#x2208;
∑ &#8721; &#x2211;
∞ &#8734; &#x221e;

Slika 4. - Specijalni znakovi (matematički simboli), navedeni preko brojčanih kodova.

Šahovske figure

		
♔ &#9812; &#x2654;
♕ &#9813; &#x2655;
♖ &#9814; &#x2656;

Slika 5. - Specijalni znakovi (šahovske figure), navedeni preko brojčanih kodova.

Emotikoni

		
🙂 &#128578; &#x1F642;
😂 &#128514; &#x1F602;
😎 &#128526; &#x1F60E;

Slika 6. - Specijalni znakovi (emoji), navedeni preko brojčanih kodova.

Ostalo

		
✅ &#9989; &#x2705;
✈ &#9992; &#x2708;
✋ &#9995; &#x270b;

Slika 7. - Specijalni znakovi (nasumična grupa specijalnih znakova), navedeni preko brojčanih kodova.

Kratak rezime

Ako do sada niste bili upoznati sa načinom zapisa specijalnih znakova u HTML-u, verujemo da ste prijatno iznenađeni onim što ste videli i zainteresovani za dalje istraživanje.

Znakove koje pronađete na drugim sajtovima (pod uslovom da jesu u pitanju UNICODE znakovi - a ne slike! :)), možete prosto kopirati u polje za pretragu na internet pretraživačima i na taj način doći do njihovog (heksa)dekadnog koda, koji možete koristiti za stranice koje kreirate.

Međutim, kao što smo već naveli, obratite pažnju na to, da - za razliku od "uobičajenih" specijalnih znakova kakve smo videli u ovom članku (koji su podržani u većini fontova) - neki "ekstravagantniji" specijalni znakovi možda (verovatno?!), zahtevaju i specijalne fontove (od kojih neki nisu besplatni).

U svakom slučaju, uživajte u istraživanju novih mogućnosti ....