HTML pre začiatočníkov - štruktúra, 2.diel
HTML pre začiatočníkov - štruktúra, 2.diel
Chcete vedieť na čo slúžia hlavička stránky a čo sa do nej zapisuje? Tak si prečítajte druhý diel seriálu HTML pre začiatočníkov.
V minulej časti sme si ukázali základnú štruktúru stránky resp. ako má vyzerať kód.
V tejto časti budeme pokračovať s obsahom tagu <head>. Hlavičkové informácie
sa v prehliadači nezobrazujú. Obsah tagu <head> môže pozostávať z nasledujúcich
častí: meta, style, script, base, link a title. Začnem od metatagov aby ste si mohli
prezrieť ich možný obsah:
Toto je jediný požadovaný atribút(meta), ktorý v sebe musí HTML kód mať(v hlavičke). Nemyslím tým povinné pre nejaký druh funkčnosti stránky, pretože <head> v HTML dokumente môže zostať aj prázdna. Ukazuje nám typ dokumentu a jeho kódovanie. Typ dokumentu je html a zvolili sme si kódovanie ISO-8859-2. Kódovaní je nespočetné množstvo a viac sa o nich dozviete v iných rubrikách, pretože kódovania nesúvisia iba s internetovými stránkami. HTTP-EQUIV obsahuje informácie, ktoré používajú http servery ako http hlavičku stránky. Ďalšie meta tagy sú nepovinného typu čo znamená, že ich na stránke nemusíte vôbec používať. Sú to napríklad metatagy ako:
Tento metatag nemá žiadny význam a je na stránke zbytočný ale môžete ho použiť napr. ak ste webdesigner a máte nejakú stránku v referenciách, tak umiestnite svoje meno do tohoto metatagu.
Verím, že tomuto nebudete rozumieť :-) ale tento <style> tag v hlavičke môže fungovať ako definícia CSS priamo v kóde. Ak neviete čo je CSS navštívte rubriku CSS. Tag style zapisujeme nasledovne (atribút type je povinný):
Nasledujúci tag bude podobný style ale iba čiastočne. Volá sa <script>. Môžeme ho používať takým istým spôsobom ako style alebo spôsobom čerpania z externého súboru.
Toto bol spôsob ako u <style> a toto je spôsob čerpania externého súboru.
Nasledujúci tag <base> bude slúžiť ako základ pre automatické doplnenie tagov, ktoré určíme v dokumente. Ako napr.:
Síce sme sa ešte nedostali k odkazom ale som nútený prebehnúť nasledujúci diel. Odkaz na stránke bude vyzerať nasledovne:
Vyskúšajte to v prehliadači, ak to vyskúšate, tak zistíte, že po kliknutí na odkaz budete presmerovaný na novú stránku a to linky.html. Otvorí sa v tom istom okne prehliadača. Ak doplníte do hlavičky(head) náš <base> tag, tak ako sme ho zapísali my uvidíte rozdiel po kliknutí na odkaz. Automaticky sa obohatí/doplní o URL, ktoré sme zapísali v base - konkrétne tag href. Odkaz sa otvorí v novom okne, pretože sme v base pridali atribút target blank.
Posledný možný tag zapísateľný do hlavičky je <link>. Slúži bežne na čerpanie informácií s externých súborov. Klasické použitie je k čerpaniu CSS.
Príklad použitia pre čerpanie CSS zo súboru:
Väčšinou vždy na niečo zabudnem a nechcem aby to zostalo nezodpovedané, tak sa stalo aj v minulom diely Všetky súbory ako index.html, priklad.html, css.html musia byť bez diakritiky, pretože ich potom server nenájde. Správne použitie je to čo som teraz napísal a nesprávne je napr. toto:
iňdex.html, príklad.html, cšš.html. Takéto súbory server nenájde.
A aby som nezabudol ani teraz,tak iba upozorním na to, že <title > je tiež súčasťou hlavičky <head> a musí tam zostať.
V ďalšej časti začneme s tagmi v tele stránky(<body>).
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2">
Toto je jediný požadovaný atribút(meta), ktorý v sebe musí HTML kód mať(v hlavičke). Nemyslím tým povinné pre nejaký druh funkčnosti stránky, pretože <head> v HTML dokumente môže zostať aj prázdna. Ukazuje nám typ dokumentu a jeho kódovanie. Typ dokumentu je html a zvolili sme si kódovanie ISO-8859-2. Kódovaní je nespočetné množstvo a viac sa o nich dozviete v iných rubrikách, pretože kódovania nesúvisia iba s internetovými stránkami. HTTP-EQUIV obsahuje informácie, ktoré používajú http servery ako http hlavičku stránky. Ďalšie meta tagy sú nepovinného typu čo znamená, že ich na stránke nemusíte vôbec používať. Sú to napríklad metatagy ako:
<meta name="autor" content="PaBi3.com">
Tento metatag nemá žiadny význam a je na stránke zbytočný ale môžete ho použiť napr. ak ste webdesigner a máte nejakú stránku v referenciách, tak umiestnite svoje meno do tohoto metatagu.
Verím, že tomuto nebudete rozumieť :-) ale tento <style> tag v hlavičke môže fungovať ako definícia CSS priamo v kóde. Ak neviete čo je CSS navštívte rubriku CSS. Tag style zapisujeme nasledovne (atribút type je povinný):
<style type="text/css"> Obsah CSS </style>
Nasledujúci tag bude podobný style ale iba čiastočne. Volá sa <script>. Môžeme ho používať takým istým spôsobom ako style alebo spôsobom čerpania z externého súboru.
<script type="text/javascript"> Obsah skriptu </script>
Toto bol spôsob ako u <style> a toto je spôsob čerpania externého súboru.
<script type="text/javascript" src="skripty/nejaky_subor.js"></script>
Nasledujúci tag <base> bude slúžiť ako základ pre automatické doplnenie tagov, ktoré určíme v dokumente. Ako napr.:
<base href="http://www.pabi3.com/" target="_blank">
Síce sme sa ešte nedostali k odkazom ale som nútený prebehnúť nasledujúci diel. Odkaz na stránke bude vyzerať nasledovne:
<a href="rubriky.php?clanky=html">Odkaz</a>
Vyskúšajte to v prehliadači, ak to vyskúšate, tak zistíte, že po kliknutí na odkaz budete presmerovaný na novú stránku a to linky.html. Otvorí sa v tom istom okne prehliadača. Ak doplníte do hlavičky(head) náš <base> tag, tak ako sme ho zapísali my uvidíte rozdiel po kliknutí na odkaz. Automaticky sa obohatí/doplní o URL, ktoré sme zapísali v base - konkrétne tag href. Odkaz sa otvorí v novom okne, pretože sme v base pridali atribút target blank.
Posledný možný tag zapísateľný do hlavičky je <link>. Slúži bežne na čerpanie informácií s externých súborov. Klasické použitie je k čerpaniu CSS.
Príklad použitia pre čerpanie CSS zo súboru:
<link rel="stylesheet" type="text/css" href="styly/nejaky_subor.css" media="all">
Väčšinou vždy na niečo zabudnem a nechcem aby to zostalo nezodpovedané, tak sa stalo aj v minulom diely Všetky súbory ako index.html, priklad.html, css.html musia byť bez diakritiky, pretože ich potom server nenájde. Správne použitie je to čo som teraz napísal a nesprávne je napr. toto:
iňdex.html, príklad.html, cšš.html. Takéto súbory server nenájde.
A aby som nezabudol ani teraz,tak iba upozorním na to, že <title > je tiež súčasťou hlavičky <head> a musí tam zostať.
V ďalšej časti začneme s tagmi v tele stránky(<body>).
Alternatívne verzie:
Autor: PaBi3 ·
Kategória: Webdesign ·
Dátum: 03.05.2005 14:31
Vyhľadávanie
Kategórie
Anketa
Používate nejaký PHP framework?
Celkový počet hlasov: 3173
Najnovšie komentáre
Staršie príspevky
Zaujímavé odkazy
W3C, XML
Komentáre
"Headers" mají vždy přednost před "Meta". Takže si občas dejte pozor, co váš server posílá. Může se vám totiž stát, že se budete trápit s kodováním a zatím za to bude moci server...Je to vlastní zkušenost. Před lety (než jsem se pořádně naučil a poučil), jsem se s tím sám trápil také...[laugh]