HTML Head

Meta tag služi za stavljanje određenih informacija unutar vaše web stranice, a koje će koristiti ili browser ili web server. Može imati različite namjene kao npr. vremensko kašnjenje učitavanja stranice o čemu će biti riječi nešto kasnije.
Sama riječ META ne znači ama baš ništa. To je samo starogrčki prefiks koji označava da je nešto "skriveno" , "iza nečega" ...itd. Npr. metafizika je nauka o ne-fizikalnom, čulima skrivenom svemiru. Na sličan način meta tag može se shvatiti kao nešto što je korisniku vaše web stranice nevidljivo no ipak postoji i ima itekakav uticaj na browser ili pak web server. Što se tiče izgovora biti će da se ova riječ pravilno izgovara mettah no to i nije toliko bitno.

Ono o čemu će vas poučiti ova lekcija je slijedeće. Upoznat ćete meta tag te njegove osnovne atribute kojih ima samo četiri : name, http-equiv, content i scheme. Možda vam se čini da je zbog tako malo atributa stvar jednostavna no nikad ništa ne podcjenjujte. Ova 4 atributa mogu poprimiti vrlo mnogo različitih vrijednosti od kojih je svaka spcifikus za sebe. Osim toga potrebno je da ipak ponešto znate o browserima, web serverima, http protokolu... što znatno komplicira stvari. No nemojte da se obeshrabrite !!!

NAME protiv HTTP-EQUIV

Na samom početku recimo da postoje dvije vrste meta tagova koji djeluju na različite načine. To su NAME i HTTP-EQUIV meta tag.

HTTP-EQUIV

Meta http-equiv tag je ekvivalent http headeru (zaglavlju). Da bi razumjeli što je to http header objasnimo što se desi kad kliknete na nekakav link. Kliknuvši na link web serveru šaljete zahtjev za određenom web stranicom. Ukoliko je server pronađe počinje ju slati kroz telefonske ili druge vodove do vašeg računala. Onaj prvi blok podataka koji stigne do vašeg računala (browsera) naziva se http header. Header sadržava podatke koji govore browseru kako da prikaže web stranicu koja se upravo učitava u njega.

Evo kako izgleda jedan klasični http header koji šalje server.

HTTP/1.1 200 OK Date: Sun, 12 Aug 2001 15:54:22 GMT Server: Apache/1.3.14 (Unix) ApacheJServ/1.1.2 Mod_dtcl 0.6.4 PHP/3.0.18 Last-Modified: Fri, 22 Jun 2001 00:28:46 GMT ETag: "75f87-200-3b32913e" Accept-Ranges: bytes Content-Length: 512 Connection: close Content-Type: text/html

Nasuprot tome postoji i http header koji šalje browser. On izgleda otprilike ovako:

Host www.procato.com Connection keep-alive Accept text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,*/*;q=0.8 User-Agent Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.117 Safari/537.36 Referer https://www.google.hr/ Accept-Encoding gzip,deflate,sdch Accept-Language en-US,en;q=0.8,hr;q=0.6

Povratak na meta tag !!! Dakle, što se desi kada u naš html dokument dodamo http-equiv meta tag. U tom slučaju server šalje u browser ono što smo nadopisali. Npr. ako napišemo
<META HTTP-EQUIV="Refresh" CONTENT="5">
browser će smatrati kao da je u http header bilo nadopisano

Refresh: 5

Na taj način je omogućeno da server 'Refresh: 5' pošalje u browser.

NAME

Name meta tag djeluje na sasvim drugačiji način. Browser ga ne prepoznaje kao dio http headera. Do browsera ili web servera prenosi se kao varijabla, tj. kao par name="content". Često puta ćete vidjeti kako su neke web stranice upotrijebile http-equiv dok su druge stavile name meta tag. To je još uvijek stvar neslaganja među programerima browsera i servera. Nadalje, neke web tražilice koriste za keywords i description name, a neke http-equiv što dovodi do još veće zabune. No nije sve tako crno kako izgleda. Držite se naših uputa i samo hrabro !!!