Hlavička - 3.diel
Dnes sa pozrieme na hlavičku html dokumentu.
Hlavička je tag párový, v html súbore je vymedzená tagmi
<head></head>
Head
Do hlavičky sa píšu dôležité informácie o dokumente.
Patria sem:
Title - titulok stránky
Base - základ odkazov
Link - prepojenie
Meta - informácie o dokumente
Tittle
Párový tag, nie je povinný, ale dosť užitočný.
Mal by vystihovať obsah stránky a nepresiahnuť 200 znakov.
Titulok stránky sa zobrazuje:
- v záhlaví browsera,
- v záložkách(bookmarks) browsera,
- v histórii browsera,
- pri prepínaní medzi oknami vo Windowse
- na windows lište ako názov okna
- ako výsledok vyhladávania
<title> Titulok Stánky </title>
Base
Nepárový tag, vyskytuje sa veľmi málo.
Určuje predvolenú URL adresu a predvolený cieľ pre všetky odkazy na stránke. Pracuje iba s jedným z dvoch atribútov (href, target).
<base href="http://debug.sk/serialy"> <base target="_blank">
Link
Nepárový tag.
Spojenie s iným súbor. Dnes sa najčastejšie používa pre spojenie s externe definovaným CSS súborom.
| Atribut | Význam | Hondota |
| rel | Určuje vzťah medzi aktuálnym a pripojovaným dokumentom | alternate, appendix, bookmark, chapter, contents, copyright, glossary, help, home, index, next, prev, section, start, stylesheet, subsection |
| rev | Určuje vzťah medzi prepojeným a aktuálnym dokumentom | rovnaké ako u rel |
| href | Určuje umiestnenie prepojovaného dokumentu | URL |
| media | Určuje na akom zariadení bude prepojený dokument zobrazený | screen, tty, tv, projection, handheld, print, braille, aural, all |
| type | Určuje MIME typ pripojovaných dokumentov | MIME špecifikácia ("text/css") |
<link rel="stylesheet" type="text/css" href="CSSsúbor.css">
Meta
Nepárový tag.
Určuje informácie o dokumente (kódovanie, kľúčové slová, obsah stránky, autora a veľa ďalších...)
Každý meta tag obsahuje buď atribut name, alebo http-equiv, nikdy nie obidva naraz.
Name a http-equiv majú tiež svoje atributy.
| Atribut | Význam | Hondota |
| name | užívateľské informácie | author, description, keywords, generator, ostatné... |
| http-equiv | ekvivalent http hlavičky | content-type, content-style-type, expires, refresh, set-cookie , ostatné... |
| content | vlastná informácia | podľa typu informácie |
| name= | Význam/content= |
| author | informácie o autorovi(väčšinou iba meno) |
| description | popis stránky |
| generator | meno programu, v ktorom bol vytvorený html kód |
| keywords | kľúčové slová pre vyhľadávače, dnes sa už nepoužívajú |
| a veľa ďaľších |
| http-equiv= | content= | Význam |
| content-type | text/html; charset=iso-8859-2 text/html; charset=windows-1250 |
informácie o kódovaní |
| content-language | sk,cs,en-us atď. | informáacie o jazyku | refresh | „10;URL=http//www.google.sk/“ | presmerovanie (sekundy;URL= kompletná URL adresa) |
| a veľa ďaľších |
Zhrnutie
Takže hlavička by mohla vyzerať napríklad takto:
<head> <title>Titulok stránky</title> <meta http-equiv="Content-Type" content="text/html; text/html; charset=windows-1250"> <meta name="Keywords" content="Kľúčové slová"> <meta name="Description" content="Popis web-stránky"> <link rel="stylesheet" type="text/css" href="CSSsubor.css"> </head>


Meta
Meta tag si môže každý definovať sák ako chce napr.
<meta name="mojaSession" content="gaf5e3ae3jk3a4fh3s3FH3f3r54gre6a" />
Vlastné tagy, načo ?
No takýto tag by ti bol na nič. Meta tagy navyše aj na niečo slúžia Napr: <meta name="robots" content="noindex,follow">. Každý kto tvorí web používa iba niektoré z nespočetného množstva -> takže im každý rozumie.
napr ak by si chcel zo servra
napr ak by si chcel zo servra kontrolovat klientov a tak :) alebo overiť totožnosť :)
definovanie vlastných tagov sa využíva
definovanie vlastných tagov používa aj Google Adsense...
Som programátor :)