Použití rámců v HTML. Iframe a Frame – co to je a jak nejlépe používat snímky v HTML Frames – dobré nebo špatné

Jak víme, nemůžeme načíst dva HTML dokumenty současně v jednom výřezu prohlížeče. Pokud tedy máme stejnou navigační nabídku na všech stránkách, pak si uživatel stáhne přesně stejný kus kódu pokaždé, když se přesune z jedné webové stránky webu na druhou. I když je samotná nabídka malá, není to nejpohodlnější možnost, protože komunikační kanály, které mají ruští uživatelé, nejsou příliš velké a načtení nabídky může trvat alespoň několik sekund. Můžeme zajistit, aby neměnné prvky webu vždy zůstaly ve výřezu uživatele bez opětovného načtení? Umět.

Můžeme vytvořit dokument, který rozdělí jeden výřez na více obdélníkových oblastí, z nichž každá zobrazí jeden HTML dokument. Tyto obdélníkové oblasti, z nichž každá je ve skutečnosti samostatným okénkem, se nazývají rámy.

Tímto způsobem můžeme ponechat levou a/nebo horní navigační nabídku trvale ve výřezu a znovu načíst pouze tu část webu, která je potřeba.

Jako každý výřez mohou mít rámečky posuvníky, které uživateli umožňují vidět celý obsah rámečku, pokud se celý nevejde do viditelné oblasti. Právě tato vlastnost rámců způsobuje neustálé spory mezi webmastery. Někteří tvrdí, že takové ovládací prvky by neměly být umístěny v interiéru hlavního výřezu, protože zabírají cenný prostor a rozptylují pozornost uživatele. Někteří tvrdí, že tyto nedostatky nejsou příliš velkou cenou za usnadnění opětovného načítání webových stránek na pomalé odkazy. O možnosti použití rámů se tak či onak musí rozhodnout každý sám.

HTML poskytuje dva typy rámců: běžné a takzvané „plovoucí“. Pokud použijeme běžné rámce, tak se vytvoří dokument, který rozdělí celé prohlížecí okno na rámečky a v nich se již zobrazují určité HTML dokumenty. Pokud použijeme plovoucí rámec, pak jej lze bez speciálních triků zahrnout do běžného HTML dokumentu. Rozdíl mezi těmito dvěma typy rámů uvidíme na příkladu.

Pomocí tagu se vytvoří dokument s rámovou strukturou a jeho uzavírací dvojče . Uvnitř těchto dvou značek jsou deklarační konstrukce pro jednotlivé rámce a informace, které se zobrazí ve výřezu prohlížeče, pokud prohlížeč rámce nerozpozná. Jednotlivé snímky jsou vytvářeny pomocí dvojice tagů A . A informace zobrazené v případě, že prohlížeč nepodporuje rámce, jsou vloženy do dokumentu HTML pomocí značky . Ale vše je v pořádku.

Základ značky je rozdělit zobrazovací okno na několik částí. Pro tento účel má značka dva hlavní parametry: rows a cols, které označují počet a velikosti snímků svisle a vodorovně. Tím se nastaví obdélníková struktura stolu. Pokud potřebujeme udělat detailnější rozdělení, například jeden rámeček na levé straně okna svisle a dva rámečky oddělené od sebe vodorovným okrajem na pravé straně okna, pak můžeme vytvořit dva tagy , jeden uvnitř druhého. Ale přesto se podívejme na parametry značky podrobněji.

  • Parametr sloupce je určen k označení počtu a velikosti vodorovných rámečků v zobrazovacím okně. Hodnota parametru je seznam velikostí rámců oddělených čárkami. Jako obvykle můžeme k označení velikosti použít absolutní hodnoty, násobky a procenta. Výchozí hodnota je 100 %, což znamená, že hlavní výřez není vertikálně rozdělen.
  • Parametr řádky umožňuje zadat počet a rozměry vertikálních rámečků v prohlížecím okně Specifika hodnot nastavení jsou zcela stejná jako u parametru cols.

Pojďme se ale podívat na příklad, jak by vypadalo vytváření HTML dokumentů s rámovou strukturou. Předpokládejme, že potřebujeme vyčlenit jeden snímek vlevo pro navigační nabídku a zbývající prostor využít k zobrazení informací z hlavních stránek webu. V tomto případě rozdělíme výřez na dvě části. Pro menu vybereme rámeček široký sto padesát pixelů a zbylé místo by měl zabrat druhý rámeček. Tato struktura webové stránky je implementována pomocí kódu uvedeného ve výpisu 1.31.

Výpis 1.31