nav_dugme codeBlog codeBlog
  • početna Početna stranica
  • Sačuvani članci Sačuvani članci
  • Članci
     (spisak)
  • Kontakt
Povratak na vrh stranice

Info & povezani članci Info o članku - dugme

Info

trejler_sat Datum objave: 03.11.2020.

trejler_dokument Jezici: HTML

trejler_teg_narandzasti Težina: 5/10

HTML
web dizajn
fontovi
ascii
unicode
specijalni znakovi
internet
frontend
niske
teorija
zanimljivosti

Povezani članci

Fontovi u web dizajnu (osnove tipografije)ASCII, UNICODE i UTF - Predstavljanje znakova na računarimaUvod u web dizajn - 1. deo - Početni koraciŠablonske niske u programskim jezicimaOperacije sa tekstualnim datotekama u programskim jezicima C i PythonStruktura web adresa i pristup internet stranicamaNapredni parametri internet pretrageOsnove računarske grafike i formati slika u web dizajnuUvod u PythonKako napraviti syntax highlighterIzbor prvog programskog jezikaGNU/Linux - 1. deo - Uvod
Svi članci
Simplicity is the soul of efficiency.
Austin Freeman

Upotreba specijalnih znakova u HTML datotekama

Facebook LinkedIn Twitter Viber WhatsApp E-mail
zoom_plus zoom_minus bookmark
početna > Članci > Saveti

Uvod

Specijalni znakovi kao što su © ¥ 🙂 ✅ i sl. (sa kojima se često srećemo, kako na web sajtovima, tako i na drugim mestima), predstavljaju zanimljivu pojavu koju bismo na samom početku mogli opisati uz konstataciju: "u pitanju su znakovi kojih tipično nema na tastaturi" (ali, pravu definiciju ćemo ipak ostaviti za početak narednog odeljka).

Neki od specijalnih znakova deluju kao deo teksta (znak "copyright", oznake valuta i sl), drugi deluju kao 'sličice' (razni emotikoni koji se svakodnevno koriste na mobilnim telefonima, kao i drugi grafički simboli), međutim - u svim navedenim slučajevima - u pitanju su UNICODE znakovi.

Iako smo napravili svojevrsnu (vrlo neformalnu) podelu specijalnih znakova, na "specijalne" znakove i "još specijalnije" znakove, 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 pripadaju sledećim kategorijama:

  • znakovi koji su deo HTML koda *
  • nevidljivi znakovi
  • drugi posebni znakovi

* Da pojasnimo: u pitanju su znakovi koji bi bili interpretirani kao deo HTML koda - ako bi bili zapisani neposredno (<, >, & i sl).

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

  • HTML entitete
  • zapis preko UNICODE kodnih pozicija (tj. 'brojčanih kodova')

HTML entiteti

Za određene specijalne znakove koji se često koriste, definisani su tzv. HTML entiteti, tj. tekstualni kodovi koji se zapisuju (kao što je već navedeno), 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 se zapisuje kao odgovarajući HTML entitet sa desne strane.

Na ovom mestu se postavlja i jedno vrlo praktično pitanje: ako se HTML entiteti interpretiraju na prethodno opisani način - kako je onda moguće ispisati kodove nalik na &amp;?!

Odgovor može biti pomalo "kontraintuitivan" pri prvom susretu, ali, nije komplikovano, 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.

Za vežbu, probajte da rekonstruišete kako smo zapisali ovaj svojevrsni "metahtmlentitet" sa gornje slike.

Zapis preko brojčanih kodova

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

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

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

Ukoliko vas zanima standard UNICODE (odnosno tematika kodiranja znakova uopšte), možete ispratiti sledeći link: ASCII, UNICODE i UTF - Predstavljanje znakova na računarima.

Za kraj, pogledajmo neke od znakova koji se mogu ispisati na prethodno opisani način (naravno, prikazaćemo samo mali izvod, iz ogromnog skupa od preko 140 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, 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 dalje možete koristiti za stranice koje kreirate (naravno, pod uslovom da jesu u pitanju UNICODE znakovi - a ne slike! 🙂 :)).

Na primer: jedan od dva smajlija (na kraju gornjeg pasusa), zapisan je u kao UNICODE znak, a drugi je slika.

Međutim (kao što smo pominjali u prethodnim člancima), u svemu je potrebno obratiti pažnju i na fontove koji se koriste, jer - za razliku od "uobičajenih" specijalnih znakova (koje smo videli u ovom članku (i koji su podržani u većini fontova)), neki "ekstravagantniji" specijalni znakovi, možda (tj. 'sasvim verovatno'?!), zahtevaju i specijalne fontove, od kojih mnogi nisu besplatni.

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

Autor članka Nikola Vukićević Za web portal codeblog.rs
Napomena: Tekstovi, slike, web aplikacije i svi ostali sadržaji na sajtu codeblog.rs (osim u slučajevima gde je drugačije navedeno) predstavljaju intelektualnu svojinu autora sajta codeblog.rs i zabranjeno je njihovo korišćenje na drugim sajtovima i štampanim medijima, kao i bilo kakvo drugo korišćenje u komercijalne svrhe, bez eksplicitnog pismenog odobrenja autora.
© 2020-2025. Sva prava zadržana.
Facebook LinkedIn Twitter Viber WhatsApp E-mail
početna > Članci > Upotreba specijalnih znakova u HTML datotekama
codeBlog codeBlog
Sajt posvećen popularizaciji kulture i veštine programiranja.
Napomena: Tekstovi i slike na sajtu codeblog.rs (osim u slučajevima, gde je drugačije navedeno) predstavljaju intelektualnu svojinu autora sajta codeblog.rs i zabranjeno je njihovo korišćenje na drugim sajtovima i štampanim medijima, kao i bilo kakvo drugo korišćenje u komercijalne svrhe, bez eksplicitnog odobrenja autora.
© 2020-2025. Sva prava zadržana.
Facebook - logo
Instagram - logo
LinkedIn - logo
Twitter - logo
E-mail
Naslovna
   •
Uslovi korišćenja
   •
Obaveštenja
   •
FAQ
   •
Kontakt