Prejdi na obsah

HTML kurz

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

  1. <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

  1. <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).

  1. <base href="http://debug.sk/serialy">
  2. <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")
  1. <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:

  1. <head>
  2. <title>Titulok stránky</title>
  3. <meta http-equiv="Content-Type" content="text/html; text/html; charset=windows-1250">
  4. <meta name="Keywords" content="Kľúčové slová">
  5. <meta name="Description" content="Popis web-stránky">
  6. <link rel="stylesheet" type="text/css" href="CSSsubor.css">
  7. </head>
Povedz o článku aj ostatným - www.pridej.cz

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 :)

Prihlásenie

Nové komentáre