5.4. Alternativa pro prohlížeče bez podpory rámů

Jelikož stránka, která definuje rozložení rámů, je jinak prázdná, v prohlížečích, které nepodporují rámy, se nic nezobrazí. Upřímně řečeno dnes již snad všechny prohlížeče používané na osobních počítačích rámy podporují. Dokonce i textové prohlížeče stránku s rámy poznají a nabídnou možnost přechodu na jednotlivé rámy. Problém však může nastat v případech, kdy si stránky prohlížíme z nějakého kapesního počítače nebo mobilního telefonu. Stále proto existuje dobrý důvod pro vytvoření alternativy pro nerámové prohlížeče. Stačí v elementu noframes uvést text, který se má zobrazit v případě, kdy se nezobrazují rámy.

<!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="logo3.html" frameborder="0">
  <frameset cols="30%, 70%">
    <frame src="obsah3.html" frameborder="0">
    <frame name="hlavni" src="uvod3.html" frameborder="0">
  </frameset>
  <noframes>
    <p>Váš prohlížeč nepodporuje rámy. To je velká škoda, protože s
       nimi je prohlížení naší příručky úplná hračka. I přesto se však
       podívejte na <a href="obsah.html">její obsah</a>, odkud se
       dostanete na jednotlivé kapitoly.</p>
  </noframes>
</frameset>
</html>

V našem příkladě je vhodné použít noframes i pro zařazení stručného obsahu do každé kapitoly. Snadný přechod mezi kapitolami bude snadný i pro uživatele prohlížečů bez podpory rámů.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Úvod</title>
</head>
<body>

<noframes>
<a href="uvod.html">Úvod</a> | <a href="kap1.html">HTML dokument</a> |
<a href="kap2.html">Odkazy</a> | <a href="kap3.html">Formátování</a> |
<a href="kap4.html">Tabulky</a> | <a href="kap5.html">Kaskádové styly</a>
</noframes>

<h1>Úvod</h1>

<p>Kdysi byly civilizačním fenoménem automobil, telefon či
televize. Dnes toto místo patrně zaujímá Internet. Tato počítačová
síť, která původně vznikla pouze pro akademické účely, se počátkem
90. let začala šířit i do komerční sféry a dnes je její používaní již
téměř masovou záležitostí.</p>

<p>Nejprve byla používána téměř výhradně pro usnadnění a urychlení
komunikace pomocí elektronické pošty. Dnes je druhou nejpoužívanější
síťovou službou <em>World-Wide Web</em>, který umožňuje prezentovat
téměř libovolné informace v přehledném a příjemném grafickém
prostředí. Informace jsou uloženy ve formě <em>WWW stránek</em>, které
jistě všichni známe jako textové dokumenty doplněné o obrázky, zvukové
sekvence atd. Každá stránka může navíc odkazovat na jiné dokumenty
umístěné kdekoliv v Internetu -- tomuto způsobu členění dokumentů se
říká <em>hypertext</em>.</p>

<p>...</p>

</body>
</html>

Tip

Věrni heslu Internetu Buď konzervativní v tom, co poskytuješ, a tolerantní k tomu, co přijímáš, bychom měli vždy své stránky s rámy upravovat tak, aby byly přístupné i pro prohlížeče bez podpory rámů.

Poznámka

Pokud jste si poslední ukázku prohlédli v prohlížeči, nejspíše jste si všimli, že mezi jednotlivými rámy je nepěkná několik pixelů široká čára, která rozbijí vzhled stránky. V Internet Exploreru ji můžeme odstranit použitím nestandardního atributu framespacing:

<frameset rows="80, *" framespacing="0">

Netscape umí totéž, když použijeme nestandardní atribut border:

<frameset rows="80, *" border="0">

Chceme-li aby mezera mezi rámy nebyla v žádném z prohlížečů, použijeme oba dva atributy zároveň.

<frameset rows="80, *" framespacing="0" border="0">

Tento dokument je určen výhradně pro osobní potřebu seznámení se s jazykem HTML a tvorbou webových stránek. Jakékoliv jiné použití, včetně dalšího šíření, pořizování kopií, použití při školeních a výuce apod. je výslovně zakázáno a bude považováno za porušení autorských práv.


Copyright © 1997–2010 Jiří Kosek
blog comments powered by Disqus