Hlavička HTML dokumentu

Ako už vieme hlavička slúži skôr pre webové prehliadač ako pre návštevníkov. Text a elementy v hlavičke sa na stránke nezobrazujú. Hlavičku označujeme kontajnerovým elementom <head> </head>
V hlavičke <head> sa najčastejšie nachádzajú tieto elementy.

<title> - Titulok dokumentu (stránky)
<meta> - Podrobnejšie informácie o stránke
<link> - odkaz na dokumenty mimo stránky (css, ikony)

Element <title>

Element <title> čiže titulok stránky môžeme vidieť v titulkovom páse okna. Titulok stránky môžeme nazvať aj ako nadpis stránky. Titulok stránky sa používa vo vyhľadávačoch ako odkaz na vašu stránku. Je to jediný povinný príkaz z možných použitých v hlavičke.

Titulok zapisujem do <head> následovne:

<title>YcoN – Tvorba www stránok - YcoN</title>

Element <meta>

Element <meta> týmto elementom dávame informácie o webovej stránke prehľadávačom a návštevníkom. Vďaka nej vyhľadávače nájdu na internete vašu stránku a tým pádom sa aj návštevníci internetu dozvedia o nej. Tu vidíme aké atribúty <meta> využíva, nie všetky atribúty sú povinné. Ja by som vám doporučil používať iba prvé dva, ale nič sa nestane keď uvediete všetky.

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta name="description" content="tvorba www stránok" />
<meta name="keywords" content="web stránky, html, ycon" />
<meta name="copyright" content="(c) YcoN 2006" />
<meta name="author" content="YcoN, e-mail: ycon@ycon.org" />
<meta name="language" content="SK" />

Prvý atribút v elemente <meta> je dôležitý pre stránky ktoré niesu písane štýlom iso-8859-1, ktorý je nadefinovaný ako základný, lebo nepozná naše mäkčene a dĺžne. Keby ste neuviedli windows-1250 tak by vám prehliadač zobrazil namiesto č, š, ž, ť, štvorčeky.
Druhý atribút description v krátkosti popisuje vašu stránku nemal by byť príliš dlhý. Platí pravidlo čím kratší text tým lepšie pre vyhľadávače.
Tretí atribút je keywords, do ktorého zapíšme zoznam kľúčových slov, podľa ktorých vyhľadávače nájdu vašu stránku.
Štvrtý atribút je copyright, čo viac o tom, veď každý vie čo je to copyright.
Piaty atribút je author, kde sa napíše meno čí e-mail autora.
Šiesty atribút je language, kde sa zadefinuje v akom jazyku je stránka napísaná napr. SK – Slovensko, CS – Česko a EN – Anglicko.

Elementom <meta> môžeme taktiež vytvoriť presmerovanie alebo refresh(znova načítanie stránky). Ak chceme vytvoriť refresh stránky napíšeme do atribútu http-equiv refresh. Sám o sebe tento príklad nefunguje treba ešte doplniť čas za aký sa stránka zmení. Túto časovú zmenu vykonáme tak že do atribútu content napíšeme sekundy.

Príklad

<meta http-equiv="refresh" content="10" />

Ak chceme vytvoriť presmerovanie priložíme do elementu <meta> URL stránky.

<meta http-equiv="refresh" content="10" url=”http://www.ycon.org” />

Element <link>

Element <link> používame vtedy keď potrebujeme k stránke pripojiť nejaký externý súbor ako napríklad CSS. Aby element vedel aký súbor chceme pripojiť, použijeme atribút rel do ktorého vpisujeme skratky súborov.

<link rel="stylesheet" href="css.css" />

V našom prvom prípade pripájame súbor CSS a do atribútu rel preto vpíšeme stylesheet. Atribútom href označíme cestu k súboru a názov. Viac o odkazoch nájdete v sekcii hypertextový odkaz.

Moderné je ku svojej stránke pridávať aj ikony. K tomu nám slúži trochu zložitejší element <link>.

<link rel="shortcut icon" href="ikonka.ico" />
<link rel="icon" href="ikonka.ico" />

Partneri:

Horoscope