Čo sa skrýva pod týmto záhadným názvom? META dáta sú informácie o dokumente rôzneho charakteru - autor, popis stránky, kľúčové slová, kódovanie, dátum vypršania platnosti a podobne. Pomáhajú vyhľadávačom zistiť, o čom je vaša stránka. Webovým prehliadačom zas pomáhajú určiť znakovú sadu - ak máte problémy s dĺžňami a mäkčeňmi, určite čítajte ďalej.
Tag META
je nepárový a nachádza sa v hlavičke (HEAD
) HTML dokumentu. Tu je jeho všeobecný zápis:
<meta name="názov" content="obsah">
Názvom vyjadríme, čo chceme určiť - napr. author
znamená, že určujeme meno autora dokumentu.
<meta name="author" content="Matúš Sulír">
Názvy si môžeme aj vymýšľať, samo o sebe by to však nemalo veľký význam. Uvediem zopár bežne používaných názvov a ich význam.
name | content |
---|---|
author | autor dokumentu |
keywords | kľúčové slová oddelené čiarkami |
description | slovný popis, o čom je stránka |
robots | noindex = zákaz indexovania |
generator | editor, v ktorom bola stránka vytvorená |
Záleží len na vyhľadávači, ktoré dáta bude brať do úvahy a ktoré nie. Napríklad Google si vraj vôbec nevšíma kľúčové slová (keywords).
HTTP hlavičky sú príkazy a informácie, ktoré server odosiela prehliadaču (a naopak). Dajú sa nastaviť na serveri alebo posielať pomocou PHP. Existuje však aj jednoduchší spôsob - META tagom, ktorý ich bude simulovať:
<meta http-equiv="hlavička" content="obsah">
Hlavičiek existuje veľké množstvo, ale nás budú zajímať len niektoré. Asi najdôležitejšie je určenie znakovej sady - spôsobu, akým sú uložené znaky. Ak stránky píšete v Poznámkovom bloku, mali by byť uložené vo windows-1250
. Stačí teda do hlavičky vložiť takýto META tag:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
...a vaše problémy s diakritikou sú vyriešené! Odporúčam však používať kódovanie utf-8
, ktoré je univerzálnejšie a podporuje prakticky všetky možné znaky. Na Slovensku sa občas používa tiež znaková sada iso-8859-2
.
Ďalšou používanou hlavičkou je dátum vypršania stránky - kedy by prehliadač mal teoreticky stránku opäť stiahnuť z Internetu, nie z disku (dočasnej pamäte - tzv. cache).
<meta http-equiv="Expires" content="Sat, 27 Oct 2007 17:36:42 GMT">
Nastavenie dátumu na ľubovoľný v minulosti by malo spôsobiť, že prehliadač bude stránku pri každom zobrazení načítať z Internetu.
Jazyk, v akom je dokument napísaný, určujeme hlavičkou Content-Language
. Možno to využíva pár vyhľadávačov alebo browsery.
<meta http-equiv="Content-Language" content="sk">
Hodnota atribútu http-equiv
nemusí byť len HTTP hlavička. Má oveľa širšie použitie. Väčšina prehliadačov akceptuje Refresh
- obnovenie stránky za daný počet sekúnd.
<meta http-equiv="Refresh" content="8">
Stránka sa každých 8 sekúnd obnoví, ako keby ste stlačili F5.
Ak chcete po určitom čase presmerovať užívateľa na inú adresu, využijete rozšírenú možnosť:
<meta http-equiv="Refresh" content="5;url=http://www.google.sk">
Za päť sekúnd po načítaní stránky sa užívateľ bez vlastného pričinenia dostane na Google.
Na záver jedna lahôdka. Skúste hádať, čo urobí tento kód:
<meta http-equiv="Refresh" content="0">