U elementů, které definují odkazy (a
,
link
, area
a form
), můžeme použít nový atribut target
, který určuje jméno rámu, ve kterém
se má dokument zobrazit.
Použití si ukážeme na příkladě. Máme v HTML vytvořenu
elektronickou příručku, která je rozdělena po kapitolách do několika
stránek. Tyto stránky mají jména uvod.html
a
kap1.html
až kap5.html
.
Obrazovku rozdělíme na tři rámy. V horním bude název celé
příručky, v levém bude obsah příručky (soubor
obsah.html
). Pokud v obsahu vybereme nějakou
kapitolu, zobrazí se v pravém rámu. Na začátku bude pravý rám
obsahovat úvodní kapitolu. Definici rámů už známe, ale musíme navíc
pojmenovat pravý rám (pomocí atributu name
).
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>Str�nka s r�my</title> </head> <frameset rows="80, *"> <frame src="logo.html"> <frameset cols="30%, 70%"> <frame src="obsah.html"> <frame name="hlavni" src="uvod.html"> </frameset> </frameset> </html>
Soubor obsah.html
pak bude
v jednotlivých odkazech vedoucí k jednotlivým kapitolám obsahovat
určení cílového rámu pomocí atributu target
:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Obsah u�ebnice HTML</title> </head> <body> <ul> <li><a href="uvod.html" target="hlavni">�vod</a></li> <li><a href="kap1.html" target="hlavni">HTML dokument</a></li> <li><a href="kap2.html" target="hlavni">Odkazy</a></li> <li><a href="kap3.html" target="hlavni">Form�tov�n�</a></li> <li><a href="kap4.html" target="hlavni">Tabulky</a></li> <li><a href="kap5.html" target="hlavni">Kask�dov� styly</a></li> </ul> </body> </html>
Pokud dokument obsahuje mnoho odkazů se stejnou hodnotou
atributu target
, můžeme si práci ušetřit tím, že
jméno cílového rámu specifikujeme u elementu base
:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Obsah u�ebnice HTML</title> <base target="hlavni"> </head> <body> <ul> <li><a href="uvod.html">�vod</a></li> <li><a href="kap1.html">HTML dokument</a></li> <li><a href="kap2.html">Odkazy</a></li> <li><a href="kap3.html">Form�tov�n�</a></li> <li><a href="kap4.html">Tabulky</a></li> <li><a href="kap5.html">Kask�dov� styly</a></li> </ul> </body> </html>
Použití atributu target
u odkazu má větší váhu než u elementu
base
, jednotlivé odkazy pak můžeme načíst do jiných
rámů než je určeno v base
. Pokud cílové okno není
specifikováno, dokument se nahraje do stejného rámu, v jakém na
něj byl odkaz. Pokud odkaz obsahuje jako cíl rám, který neexistuje,
prohlížeč otevře nové okno a přiřadí mu toto jméno.
Jako jméno cílového rámu můžeme použít i některé ze čtyř
předdefinovaných jmen _blank
,
_self
, _parent
a _top
. Jejich význam je popsán
v tabulce 6 – „Speciální jména rámů“.
Tabulka 6. Speciální jména rámů
Jméno | Popis |
---|---|
_blank |
Dokument se zobrazí v novém nepojmenovaném okně. |
_self |
Dokument se zobrazí ve stejném okně. (To se může hodit, pokud
jsme použili <base
target="jméno"> .)
|
_parent |
Dokument se zobrazí v rámu nebo okně, které obsahuje nejbližší
nadřazený element frameset .
|
_top |
Dokument se nahraje do celého okna prohlížeče; všechny rámy se zruší. |