Kromě jmen rámů definovaných autorem stránek existují čtyři předdefinované hodnoty atributu target, které lze použít v odkazech: zz _self: Stránka se otevře ve stejném rámu. Tato hodnota se použije v případě, že není atribut target uveden. zz _blank: Stránka se otevře v novém prázdném okně bez rámů. Tuto hodnotu lze použít i v případě, že na stránce nepoužíváte rámy, ale chcete, aby se nová stránka otevřela v samostatném okně. zz _top: Stránka se otevře přes celé okno prohlížeče a všechny rámy se zruší. zz _parent: Jestliže má atribut tuto hodnotu, stránka se otevře v nejbližším nadřazeném rámu. Jinými slovy, v rámu, který je definován nejbližší nadřazenou značkou <frameset>.
9.3 Když rámy nechtějí fungovat Rámy se do standardu HTML dostaly až relativně pozdě a navíc mezi odbornou veřejností nepanuje příliš velká shoda, jestli je jejich používání výhodné či nikoli. Proto by se mohlo stát, že narazíte na některý prohlížeč, například na některé mobilní platformě, který si s rámy neporadí. Zrovna tak s rámy nepochodíte tam, kde se používají výhradně textové prohlížeče. Stejně jako v případě alternativního textu k obrázkům byste neměli zapomínat na uživatele těchto prohlížečů. Pro ně je určena značka <noframe> a </noframe>, do níž se může vložit vysvětlující text, který se objeví na stránce pouze v případě, že prohlížeč neumí pracovat s rámy. Například takto: <frameset cols="100, *"> <frame src="stranka1.html" noresize> <frame src="jinastranka.html" noresize, scrolling="no"> <noframes>Váš prohlížeč bohužel nepodporuje rámy. Je to ale škoda, protože z tohoto příkladu nebudete mít takovou radost jako ostatní.</noframes> </frameset>
9.4 Praktická ukázka Na začátku této kapitoly byl obrázek se stránkou využívající rámy. Nyní se můžete pokusit takovou stránku vytvořit. Výsledek svého snažení pak můžete porovnat s následujícím zdrojovým kódem: <!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> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <frameset rows="80, *" > <frame src="baner.html" name="reklama" frameborder="1" scrolling="no" noresize> <frameset cols="25%,*" > <frame src="menu.html" frameborder="1" name="menu" scrolling="Auto"> <frame src="uvod.html" frameborder="1" name="HlavniRam"
98 HTML – začínáme programovat
Ukázka elektronické knihy, UID: KOS197808
scrolling="Auto"> </frameset> <noframes>Váš prohlížeč bohužel nepodporuje rámy. Je to škoda, protože z tohoto příkladu nebudete mít takovou radost jako ostatní. </noframes> </frameset> </html>
Všimněte si, že v případě stránky, která používá rámy, je potřeba změnit typ dokumentu.
Stránka menu.html, jež se zobrazí v rámu s názvem menu, bude vypadat takto: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Nabídka</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body bgcolor="Teal" link="Yellow" vlink="Fuchsia"> <p><a href="uvod.html" target="HlavniRam"><b>Úvod</b></a> <p><a href="ukazka1.html" target="HlavniRam"><b>Ukázka 1</b></a> <p><a href="ukazka2.html" target="HlavniRam"><b>Ukázka 2</b></a> <p><a href="ukazka3.html" target="HlavniRam"><b>Ukázka 3</b></a> </body> </html>
Dále je potřeba vytvořit soubor uvod.html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Úvodní stránka</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body bgcolor="Silver"> <h1>Úvodní stránka</h1> Vítejte na úvodní stránce příkladu, který se zabývá tvorbou rámů. Pomocí odkazů vlevo si můžete vybrat požadovanou stránku. </body> </html>
A tři další ukázkové dokumenty, na které se budou odkazovat jednotlivé položky v menu. Stránky mohou vypadat například takto:
Rámy 99
Ukázka elektronické knihy, UID: KOS197808
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Ukázka 1</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head> <body> <h1>Ukázka 1</h1> Toto je první ukázková stránka příkladu na práci s rámy. </body> </html>
Ostatní stránky mohou být libovolné.
9.5 Vložené rámy Jistou specialitou v oblasti rámů jsou vložené rámy. Jde o to, že vybraný dokument se zobrazí v samostatném okně, které je součástí zvolené stránky. Takový rám se na stránku vloží pomocí značky <iframe>. Tato značka má stejné atributy jako <frame>. Navíc přibyly jen atributy width (šířka) a height (výška) pro nastavení rozměrů vloženého rámu. Vzhledem k tomu vás jistě následující příklad potěší svou jednoduchostí:
Obrázek 9.5: Vložený rám <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Vložené rámy</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </head>
100 HTML – začínáme programovat
Ukázka elektronické knihy, UID: KOS197808