Meta, Frames, frameset, iframe

Prvok meta

Najčastejšie použitie:

<meta name=”resource-type” content=”document” />
Využíva sa pre vyhľadávacie programy, ked nie je uvedený, je možné, že vyhladávací program sa nerozhodne indexovať stránku, to znamená nepoužije ju ako hlavnú štartovaciu stránku.
<meta name=”description” content=”text popisujúci stránku” />
Takto môžeme doplniť text, ktorý bude popisovať našu stránku, napríklad zameranie, obsah … .
<meta name=”keywords” content=”slová oddelujte čiarkami” />
Tu môžete doplniť všetký klúčové slová, ktoré používajú vyhľadávacie programy k zaradeniu stránky do kategórii.
<meta name=”copyright” content=”tu vložte text” />
Vyhradené práva …napr. (C) Copyright 2004 by Macík…
<meta name=”distribution” content=”local alebo global” />
Informuje vyhladávač či stránka je určená iba na lokálne použitie alebo je to globálnym vstupným miestom do našich stránok.
<meta name=”author” content=”meno autora” />
Označenie autora stránok.
<meta name=”generator” content=”názov a verzia generátora” />
Využitie je len pri programoch, ktoré stránku vygenerujú…
<meta name=”robots” content=”príkazy” />
Uvedé informácie majú význam pre vyhladávač. Content može obsahovať viacero hodnôt:

  • all – spracuje všetko,
  • follow – nasleduje odkazy,
  • nofollow – nenasleduje odkazy,
  • index – indexuje stránku,
  • noindex – neindexuje stránku.
<meta http-equiv =”Content-type” content=”text/html; charset=windows-1250″ />
Content umožnuje určiť typ dát na stránke a kód. Typ dát je text/html, čo je najpoužívanejšia varianta a v našom prípade ani nemusíme využívať iný spôsob. Až charset je najdôležitejší. Jedná sa tu v podstate o kódovanie stránky. Stredná Európa má najpoužívanejšie dva spôsoby, Windows-1250 a typy ISO, napr. ISO8859-2.
<meta http-equiv =”Refresh” content =”x; url=adresa stránok” />
Umožnuje automatické obnovenie stránky (refresh). Môžete buď obnovovať práve zobrazenú stránku, alebo príkaz použiť k prechodu na stránku inú, to záleží na tom, akú napíšete adresu stránok. Čas obnovení sa zadáva v sekundách a doplnuje sa miesto x
<meta http-equiv =”Content-language” content=”en-us” />
Dalšia z funkcií, ktorá je určená pre vyhladávače. Je to preto, že niektoré internetové vyhladávače majú radenie aj podla použitého jazyka na stránke. Takto mu definujete jazyk (môže byť slovenčina…)
<meta http-equiv =”Window-target” content =”určenie” />
Umožnuje určiť, do ktorého okna sa zobrazí stránka. Využíva formát príkazu “_niečo”, rovnako ako príkazy v bežnom urcení odkazov.

Rámy – frames

Ak chceme rozdeliť stránku na niekoľko častí, možeme to to urobiť pomocou rámcov. Rámy sa definujú v hlavičke stránky, tento xhtml dokument nemusí obsahovat čast body. V elemente frameset nastavíme rozdelenie stránky na stĺpce(cols) alebo na riadky (rows). Elementy frameset sa možu do seba vnárať. V každom ráme sa nám zobrazí nastavený súbor.

Prvok frameset

Syntax:

<frameset cols=”…” id=”…” rows=”…” title=”…” >

popis jednotlivých rámov

</frameset>

Parametre prvku frameset:

class – definícia externých štýlov
cols – rozdelenie šírky vlastného okna pre jednotlivé rámy, hodnota sa udáva v pixeloch, percentách alebo relatívnej hodnote. Napr.: =”20%, 20, *”
id – id hodnota prvku
rows – šírky vlastného okna pre jednotlivé rámy, hodnota sa udáva v pixeloch, percentách alebo relatívnej hodnote. Napr.: =”20%, 20, *”
title – názov rámu

Prvok frame

Syntax:

<frame frameborder=”…” id=”…” longdesc=”…” marginheight=”…” marginwidth=”…” name=”…” noresize=”noresize” scrolling=”…” src=”…” title=”…” />

Parametre prvkov frame:

class – definícia externého štýlu
frameborder – rám s ohraničením (1) alebo bez (0)
id – id prvku
longdesc – dlhý popis prvku
marginheight – výška voľného okraja nad a pod rámom v pixeloch
marginwidth – šírka voľného okraja v pravo a v ľavo vedľa rámu v pixeloch
noresize – zakázanie zmeny veľkosti okna
scrolling – povolenie alebo zakázanie rolovania rámu
src – súbor ktorý bude do rámu umiestnený

Príklady rozdelenia stránky pomocou rámov:

rám 1
rám 2

1. Rozdelenie okna na dve časti:

<html>
<head>
<title>rozdelenie okna</title>
<frameset rows=”20%,*” >
<frame name=”ram1″ src=”ram1.html” />
<frame name=”ram2″ src=”ram2.html” />
</frameset>
<noframeset>prehliadač nepodporuje rámy </noframeset>
</head>
</html>

rám 1
rám 2 rám 3

2. Rozdelenie okna na tri časti:

<html>
<head>
<title>rozdelenie okna</title>
<frameset rows=”20%,*” >
<frame name=”ram1″ src=”ram1.html” />
<frameset cols=”20%,*” >
<frame name=”ram2″ src=”ram2.html” />
<frame name=”ram3″ src=”ram3.html” />
</frameset>
</frameset>
<noframeset>prehliadač nepodporuje rámy </noframeset>
</head>
</html>

Prvok iframe

Iframe alebo “plávajúce” rámy môžeme umiestniť kdekoľvek na stránku bez toho aby museli byť zarovnané.

Syntax:

<iframe frameborder=”…” id=”…” marginheight=”…” marginwidth=”…” scrolling=”…” src=”…” title=”…” />

Parametre prvkov iframe:

class – definícia externého štýlu
frameborder – rám s ohraničením (1) alebo bez (0)
id – id prvku
marginheight – výška voľného okraja nad a pod rámom v pixeloch
marginwidth – šírka voľného okraja v pravo a v ľavo vedľa rámu v pixeloch
scrolling – povolenie alebo zakázanie rolovania rámu
src – súbor ktorý bude do rámu umiestnený
title – popis prvku

Text stránky
iframe
(stranka.html)
Text stránky

Príklad použitia iframu:

Do súboru index.html vložíme pomocou iframu subor s názvom stránka.html, teda pri zobrazeni stránky sa v iframe zobrazí obsah súboru stránka.html.
…
Text stránky
<iframe frameborder=”1″ src=”stranka.html” />
Text stránky
…

Prvok noframes

Prehliadače ktoré nevedia zobraziť rámy, zobrazia to čo sa nachádza v tomto prvku.

<noframeset> váš prehliadač nepodporuje rámy </noframeset>