Okna (frames) ponukaju mechanizmus na "rozdelenie" dokumentu na viacero okien, ktore su zobrazene sucasne. To vyuzijete napriklad pri zobrazovani menu zaroven s aktualnym dokumentom. Aj tato stranka vyuziva okna.
V dalsom texte sa vyskytne pojem "rodicovske (nadradene) okno". O co ide? Kazde okno, ktore sa rozdeli na dalsie okna, sa pre ne stava rodicovskym oknom. V pripade, ze na jednotlive okna rozdelujete dokument, je pre tieto okna rodicovskym oknom cele "okno prehliadaca" - priestor, v ktorom sa zobrazuje normalna stranka. Ked chcete do okna nahrat nejaky dokument (napr. pri kliknuti na linku - <A>, pouzijete meno okna, ale v pripade potreby mozete pouzit aj oznacenie pre rodicovske okno ("_parent") alebo cely priestor prehliadaca, ktory je v skutocnosti tiez iba okno - so specialnym menom "_top".
Pri pouzivani okien treba mat na pamati, ze prikaz <FRAMESET> nahradza prikaz <BODY> a preto tento nevystupuje v uvedenych prikladoch. Dajte pozor aj na to, aby ste umoznili prezeranie Vasej stranky aj prehliadacom, ktore okna nepodporuju a uvedte nahradny obsah stranky (napr. linky na jednotlive okna) v prikaze <NOFRAMES>.
Poznamka webmastra: pouzivajte FRAMEs len vtedy, ak je to
bezpodmienecne nutne. Mnoho dokumentov s oknami sa da nahradit tabulkami.
Pouzitie FRAMEs prinasa mnozstvo problemov, najma preto, ze ich kazdy
prehliadac interpretuje inak a v textovych prehliadacoch je velmi
problematicke zobrazit obsah niekolkych okien (prve lastovicky, ktore to
dokazu, su links
a w3m
).
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
FRAMESET | IE 3+, Netscape 3+, Mozilla, Opera | ||
Kontext: |
<HTML> <FRAMESET> ...definicia obsahu okna... </FRAMESET> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
COLS = | ("velkost" | "velkost_p" | "*"), ("velkost" | "velkost_p" | "*"), ... | 100% | - |
ROWS = | ("velkost" | "velkost_p" | "*"), ("velkost" | "velkost_p" | "*"), ... | 100% | - |
COLS=
|
|||
Priklady | |||
Priklad 1 (dve horizontalne okna s velkostami 100 a "zvysok" bodov):<HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <FRAMESET ROWS="100,*"> ...zvysok definicie frames... <NOFRAMES> ... alternativny obsah ... </NOFRAMES> </FRAMESET> </HTML>Priklad 2 (tri vertikalne okna s velkostami 25%, 50% a "zvysok" bodov): <HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <FRAMESET COLS="25%,50%,*"> ... zvysok definicie frames... <NOFRAMES> ... alternativny obsah ... </NOFRAMES> </FRAMESET> </HTML>Priklad 3 (siet troch vertikalnych a troch horizontalnych okien (spolu 9) s velkostami 1/3 * 1/3 stranky): <HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <FRAMESET COLS="33%,33%,*" ROWS="33%,33%,*"> ...zvysok definicie frames... <NOFRAMES> ... alternativny obsah ... </NOFRAMES> </FRAMESET> </HTML>Priklad 4 (vnorene pouzitie frames: rozdelenie na dve horizontalne okna a rozdelenie spodneho na dve rovnako velke vertikalne okna): <HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <FRAMESET ROWS="150,*"> <FRAME SRC="title.html" NAME="title"> <FRAMESET COLS="50%,50%"> <FRAME SRC="menu.html" NAME="menu"> <FRAME SRC="main.html" NAME="main"> </FRAMESET> <NOFRAMES> ... alternativny obsah ... </NOFRAMES> </FRAMESET> </HTML> |
|||
Poznamky | |||
|
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
NOFRAMES | vsetky prehliadace | ||
Kontext: |
<HTML> <FRAMESET> <NOFRAMES> ...nahradny obsah stranky... </NOFRAMES> </FRAMESET> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
ziadne | - | ||
Priklady | |||
Priklad (dve horizontalne okna s velkostami 100 a "zvysok" bodov):<HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <FRAMESET ROWS="100,*"> ... zvysok definicie frames... <NOFRAMES> Tato stranka obsahuje frames, ktore Vas prehliadac nepozna. Aj tak si vsak mozete pozriet <A HREF="main.html">moju stranku</A> </NOFRAMES> </FRAMESET> </HTML> |
|||
Poznamky | |||
Poznamky:
|
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
FRAME | IE 3+, Netscape 3+, Mozilla, Opera | ||
Kontext: |
<HTML> <FRAMESET> <FRAME> </FRAMESET> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
SRC = | "uri" | - | |
NAME = | "text" | - | |
FRAMEBORDER = | ("1" | "0") | 1 | - |
SCROLLING = | ("yes" | "no" | "auto") | auto | - |
NORESIZE | - | ||
MARGINHEIGHT = | "velkost" | - | - |
MARGINWIDTH = | "velkost" | - | - |
SRC=
|
|||
Priklady | |||
Priklad (prve okno s menitelnou velkostou a bez scrolbaru, druhe so
scrolbarom s pevnou velkostou):<HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <FRAMESET ROWS="100,*"> <FRAME SRC="menu.html" SCROLLING="no" NAME="Menu"> <FRAME SRC="main.html" NORESIZE SCROLLING="yes" NAME="Main"> <NOFRAMES>Tento dokument obsahuje frames</NOFRAMES> </FRAMESET> </HTML> |
|||
Poznamky | |||
Prikaz | Kompat./Pozn. | ||
---|---|---|---|
IFRAME | IE 4+, Netscape 4+, Mozilla M15+ | ||
Kontext: |
<HTML> <BODY> <IFRAME> ...alternativny obsah... </IFRAME> </BODY> </HTML> |
||
|
|||
Parametre | Hodnoty | Default | Kompat./Pozn. |
SRC = | "uri" | - | |
NAME = | "text" | - | |
WIDTH = | "velkost_p" | - | - |
HEIGHT = | "velkost_p" | - | Mozilla M15 nepovoluje percentualne velkosti |
FRAMEBORDER = | ("1" | "0") | 1 | - |
SCROLLING = | ("yes" | "no" | "auto") | auto | - |
MARGINHEIGHT = | "velkost" | - | - |
MARGINWIDTH = | "velkost" | - | - |
SRC=
|
|||
Priklady | |||
<HTML> <HEAD><TITLE>Moja stranka</TITLE></HEAD> <BODY> ... obsah stranky <IFRAME SRC="banner.html" SCROLLING="no" NAME="banner"> Navstivte mojho sponzora: <A HREF="http://www.nejakysponzor.sk"> Sponzor</A> </IFRAME> </BODY> </HTML> |
|||
Poznamky | |||
Predchadzajuca tema: | Pribuzne temy: | Nasledujuca tema: |
---|---|---|
Tabulky | Sprievodca vytvaranim stranky krok za krokom Abecedny zoznam prikazov HTML |
Formulare |