Pojem "rám" k nám prišiel z v angličtine. V preklade toto slovo znamená „rám“ a predstavuje samostatnú oblasť okna. Vo svojej štruktúre je takáto sekcia úplne hotovým HTML dokumentom.
Jednotlivé rámy rozdeľujú okná prehliadača na sekcie, ktoré sú umiestnené vedľa seba. V tomto prípade je každý rámec načítaný s vlastnou celou stránkou. Rámová technológia stále vyvoláva množstvo kontroverzií, no treba povedať, že vrchol jej obľúbenosti už prešiel. IN tento moment táto technológia je zastaraná a bežné rámce už nie sú v HTML5 podporované.
História techniky
Dnes môžeme konštatovať, že rozhodnutie opustiť prácu s rámovou technikou bolo definitívne prijaté. Stránka https://www.w3.org/TR/html5-diff/#obsolete-elements jasne uvádza, že obvyklé značky frame, frameset a noframes na vytváranie takejto štruktúry sú zastarané. Ako argument sa uvádzajú údaje, že používanie takejto štruktúry negatívne ovplyvňuje použiteľnosť stránok a ich dostupnosť na internete.
Ale moderné technológie podporujú prvok IFRAME. Jeho použitie umožňuje vkladať rámčeky do textových blokov na stránkach. Okrem toho môžu byť takéto prvky zarovnané vzhľadom na samotný text. Dôležitý bod: veľkosť vstavaných rámov v zásade nemôžete zmeniť. Nemajú zodpovedajúci atribút na zmenu veľkosti.
V budúcnosti, bez technologických skokov, je ďalšie používanie rámov nepravdepodobné. A stojí za to pripomenúť, že vedúca organizácia pre štandardizáciu internetových technológií - W3C - jasne naznačila, že takéto štruktúry by vývojári webových stránok nemali používať.
To znamená, že rámce by sa v zásade nemali používať na štruktúrovanie stránok pri vytváraní nových zdrojov. Ale s podporou a zlepšovaním existujúcich stránok bude znalosť funkcií technológie a ich použitia veľmi užitočná a produktívna.
Výhody rámov
Medzi výhody rámovej technológie patrí jednoduché použitie, vysoká rýchlosť a schopnosť presne umiestniť informácie v určitých oblastiach okna.
Použitie rámcov poskytuje úspory na objeme prenášanej prevádzky pri práci so stránkou. Koniec koncov, pri prístupe k inej sekcii informácií sa zvyčajne aktualizuje iba jedna sekcia stránky a nie celý jej kód.
Táto štruktúra poskytuje zaujímavé možnosti navigácie cez obsah zdrojov. Koniec koncov, v okne prehliadača v susedných rámoch si môžete prezerať rôzne informačné bloky. Pre používateľov je dôležité vedieť, že vyhľadávanie v rámci je ekvivalentné vykonaniu takejto operácie na samostatnej stránke.
Počas práce so stránkou môžete dynamicky meniť veľkosť samostatnej sekcie, čo je pri iných technologických riešeniach ťažko realizovateľné.
Možné nevýhody
Problémy s webovými stránkami využívajúcimi rámce sa hromadili postupne, no dnes už dosiahli hraničnú úroveň. Medzi hlavné nevýhody patrí:
- Neuspokojivá použiteľnosť. Dnes podiel používateľov mobilných zariadení a tabletov s malým rozlíšením obrazovky rastie a už prevyšuje počet tých, ktorí navštevujú stránky zo stolných počítačov a notebookov. A tu spôsobuje používanie rámov vážne problémy s prispôsobivosťou stránok pri zobrazení rôzne zariadenia. Tento problém dnes nemá praktické riešenie.
- Zhoršenie dostupnosti lokality pre rôzne programy. Nárast počtu doplnkových programov (napríklad čítačiek obrazovky) odhaľuje oveľa horšiu dostupnosť informácií na čítanie.
- Stránky sa nezobrazujú správne. Rozloženie stránok s takouto štruktúrou často vyzerá v prehliadačoch z dizajnového hľadiska nesprávne. A to je spôsobené vlastnosťami technológie. Z hľadiska SEO je použitie rámcov v HTML rozložení stránky vysoko nežiaduce.
- Dostupnosť jednej adresy pre celú štruktúru. Výsledkom je, že interné stránky takejto lokality nemožno pridať medzi záložky. To vedie k nepríjemnostiam pre používateľov.
- Nesprávne indexovanie vyhľadávacími nástrojmi. Prítomnosť viacerých plnohodnotných dokumentov, z ktorých sa tvorí jedna stránka, na webe výrazne komplikuje prácu vyhľadávačom. To vedie k významným chybám pri indexovaní. Výsledkom je, že nesprávna definícia tém a adries stránok vedie k strate kritického obsahu z indexovania.
- Neúcta. Toto je dosť nezvyčajná chyba zdrojov v sieti. A predsa treba povedať, že skutočnosť, že rozloženie stránok na rámcoch zastaráva, vedie k tomu, že autori a majitelia takýchto zdrojov sú považovaní za retrográdnych. Existujú však výnimky. Dokonca aj moderné stránky, ktoré hosťujú chatovacie miestnosti, zvyčajne používajú rámce.
Indexovanie rámcov vyhľadávacími nástrojmi
Informácie pochádzajúce z vyhľadávačov nám jasne hovoria, že stránky s rámcami sú indexované výrazne pomalšie. V tomto prípade často vznikajú chyby súvisiace so samotnou štruktúrou. Každý rám totiž zobrazuje plnohodnotnú internetovú stránku. A práve takáto časť webu môže byť zahrnutá do indexovacej databázy.
Negatívnym aspektom takéhoto indexovania je, že pri prechode do vnútra stránky používateľ zvyčajne nevidí ponuky a iné navigačné mechanizmy. A to nie je prekvapujúce. Musíte pochopiť, že aktualizácia rámu v tomto prípade nie je riešením problému. Všetky navigačné mechanizmy sú totiž umiestnené v inom kontajneri.
Ďalším problémom je, že hlavná stránka kontajnerovej štruktúry často obsahuje iba nadpis, meta tagy popisu a tag FRAMESET. A zdá sa to logické – zmysluplný obsah je predsa umiestnený v samostatných dokumentoch. Práve tie uvidí návštevník stránky na stránke v rámčekoch.
Vyhľadávací robot však takúto stránku takmer nikdy neindexuje. Nenájde na ňom žiadny obsah užitočný pre návštevníkov. Vyhľadávacie roboty sú nakonfigurované tak, že sa pokúšajú získať a indexovať informácie umiestnené vo vnútri značky tela. Tu dochádza k vyhľadávaniu užitočného obsahu pre používateľa. Na stránke rámca však takáto značka nie je, je nahradená značkou FRAMESET.
Tento problém možno čiastočne vyriešiť použitím NOFRAMES. Na mnohých stránkach sa však pri prístupe k nim uvádza iba informácia, že prehliadač nepodporuje rámce. A na zobrazenie stránky musíte použiť iný program.
Takéto prípady vytvárajú veľa problémov pre používateľov, ktorí pri návšteve stránky nevidia menu a ďalšie informácie, ktoré by sa mali zobraziť. Ak sú rámy umiestnené na webstránke, jej parametre z pohľadu SEO sú znížené. Štatistiky správania používateľov zároveň naznačujú, že autorita zdroja medzi vyhľadávacími nástrojmi klesá. To má určite negatívny vplyv na návštevnosť webu.
Pre vyhľadávače a indexovacie roboty je obzvlášť ťažké spracovať vnorené a viacnásobné personálne štruktúry. Skutočnosť, že každý kontajner má všetky vlastnosti samostatného dokumentu, ale neobsahuje úplnú navigáciu a ďalšie informácie, situáciu ešte viac komplikuje.
Prácu vyhľadávačov si môžete uľahčiť správnym linkovaním na stránkach. V tomto prípade musíte duplikovať všetky odkazy na ponuku, aby sa dali nájsť v každej jednotlivej časti stránky. To však výrazne komplikuje a spomaľuje prácu na optimalizácii stránky a aktualizácii informácií na nej.
Skúsenosti mnohých optimalizátorov a správcov webu tiež naznačujú, že stránky na rámoch nedostávajú vysoké hodnotenie vo výsledkoch vyhľadávania. Stáva sa to aj vtedy, ak sú zahrnuté v databáze indexovania.
Funkcie propagácie webových stránok v rámoch
Niektoré vyhľadávacie nástroje indexujú orámované súbory nesprávne alebo veľmi nesprávne. Výsledkom je, že indexová databáza nie je naplnená adresami rodičovských zdrojov (ako by to malo byť), ale odkazmi na podradené stránky.
Aby sa minimalizovali problémy s indexovaním stránok na základe rámcov, pri ich popisovaní sa používajú špeciálne značky a parametre. Hlavným prvkom konštrukcie kontajnera je sada rámov. Je to on, kto nahrádza štandardné telo; v zdrojovom kóde. Každý jednotlivý kontajner v štruktúre je opísaný rámom. Jeho množstvo v kóde stránky zodpovedá počtu jednotlivých sekcií zobrazených v okne prehliadača pri prezeraní.
Tieto značky by mali byť umiestnené na domovskej stránke a potom duplikujte obsah na každej z nich.
Oblasti použitia rámov
Vývojári HTML dokumentov majú pomerne široký výber formulárov na zobrazovanie informácií na stránkach. Text a grafické informácie možno usporiadať a usporiadať pomocou zoznamov, tabuliek alebo jednoducho pomocou možností zarovnania, nastavenia vodorovných čiar a rozdelenia na odseky. Niekedy tieto funkcie nestačia a potom musíte rozdeliť okno prehliadača na samostatné oblasti alebo rámy. V mnohých popisoch jazyka HTML v ruskom jazyku sa namiesto pojmu rámy používa pojem rámy. Frekvencia používania oboch výrazov je približne rovnaká.
Voľba rámovej štruktúry na zobrazovanie informácií na WWW je opodstatnená v nasledujúcich prípadoch:
- v prípade potreby spravujte načítanie dokumentov do jednej z podoblastí okna prehliadača pri práci v inej podoblasti;
- na lokalizáciu informácií na určitom mieste v zobrazovacom okne, ktoré musia byť vždy na obrazovke, bez ohľadu na obsah iných podoblastí obrazovky;
- na prezentáciu informácií, ktoré sú vhodne usporiadané v niekoľkých priľahlých podoblastiach okna, z ktorých každá môže byť prezeraná nezávisle.
Uvedený zoznam nevyčerpáva všetky možné prípady, kedy je možné rámce použiť, má však odporúčací charakter.
Najprv zvážime typické použitie rámcov pomocou príkladov skutočných dokumentov HTML a potom sa pozrime na pravidlá pre vývoj dokumentov obsahujúcich rámce.
Na obr. Obrázok 5.1 zobrazuje jednu z HTML stránok agentúry Finmarket, ktorá sa špecializuje na poskytovanie informácií z finančných a akciových trhov Ruska.
Ryža. 5.1. Typický webový dokument s rámcovou štruktúrou
Táto stránka rozdeľuje okno prehliadača na tri rámy. Spodná časť okno zaberá 20 % výšky celého okna a obsahuje trvalé informácie, ktorými je v tomto prípade grafické menu, ktoré vám umožňuje kedykoľvek pristupovať k najdôležitejším sekciám. Tento rám nemôže meniť svoju veľkosť na základe užívateľských príkazov a nemá posuvné lišty. Vrchná časť okno (80% výšky) je horizontálne rozdelené na dva rámy. Ľavý rám obsahuje obsah dokumentov, ktoré si môže používateľ prezerať. Pravý rám, ktorý zaberá väčšinu zobrazovacieho okna, je určený na zobrazenie samotných dokumentov. Pri prvom načítaní tieto dva rámce rozdelia okno prehliadača horizontálne v pomere 15 % ku 85 %. Tento pomer môže používateľ počas prezerania zmeniť, čo umožňuje vybrať optimálne veľkosti rámov s prihliadnutím na obsah načítaných dokumentov. Každý z týchto rámov má svoj vlastný posuvník, ktorý vám umožňuje zobraziť celý obsah rámca, bez ohľadu na veľkosť samotného rámca, celého okna prehliadača alebo použitých fontov. Keď vyberiete akýkoľvek odkaz v ľavom ráme, príslušný dokument sa načíta do pravého rámu. Táto štruktúra vám umožňuje súčasne vidieť na obrazovke obsah dokumentov aj obsah vybraného dokumentu.
Tu je bez vysvetlenia fragment kódu HTML použitého na vytvorenie dokumentu s touto štruktúrou:
Tento príklad ukazuje najtypickejšie použitie rámových štruktúr, kde jeden rám slúži ako obsah pre dokumenty a druhý sa používa na načítanie ich obsahu. Riešenie takéhoto problému bez použitia rámov sa zvyčajne vykonáva nasledovne. Na jednej zo stránok je obsah, ktorý pozostáva z odkazov na iné dokumenty alebo ich jednotlivé časti. Po kliknutí na takýto odkaz obsah zmizne a na jeho miesto sa načíta požadovaný dokument, po prečítaní ktorého sa zvyčajne musíte vrátiť k obsahu. Pri používaní rámcov sa tento návrat stáva zbytočným, pretože obsah sa vždy nachádza na časti obrazovky.
Nájdete ho na internete
webová stránka elektronického vydania obľúbeného adresného a telefónneho zoznamu „All Petersburg“ v Petrohrade.
Elektronická verzia adresára je dostupná na http://www.allpetersburg.ru a umožňuje vám nájsť potrebné informácie na základe požiadaviek používateľov. Táto stránka dokumentu má tiež štruktúru rámu a pozostáva z dvoch rámcov, z ktorých prvý má šírku 100 pixelov a druhý zaberá celú zostávajúcu šírku výrezu. Rám umiestnený na ľavej strane slúži na grafické menu, ktoré je neustále prítomné na obrazovke a obsahuje aj logo spoločnosti Nevalink. Druhý rám obsahuje dokument, ktorým je v tomto prípade formulár žiadosti používateľa. Štruktúra tejto stránky je definovaná nasledujúcim HTML kódom:
Rámy sú veľmi podobné tabuľkám – oba rozdeľujú okno prehliadača na obdĺžnikové oblasti, v ktorých sa nachádzajú nejaké informácie. Pomocou rámov však môžete vyriešiť nielen problém s formátovaním stránok dokumentu, ale aj zorganizovať interakciu medzi nimi. Zásadný rozdiel medzi rámcami a tabuľkami je v tom, že každý rámec musí mať svoj samostatný HTML dokument, no obsah všetkých buniek tabuľky je vždy súčasťou toho istého dokumentu. Okrem toho sa stránka zobrazená v rámčeku môže posúvať pri prezeraní nezávisle od ostatných. Každý rám je v podstate samostatný „miniprehliadač“. Na rozdiel od rámov, ktorých celá štruktúra je vždy prezentovaná na obrazovke, tabuľky sa nemusia úplne zmestiť do okna a možno ich prezerať len po častiach. Z toho vyplýva, že ak v tabuľkách HTML je celkový počet buniek prakticky neobmedzený a môže dosiahnuť niekoľko stoviek, potom počet snímok v dokumente zvyčajne nepresahuje niekoľko jednotiek.
Poradenstvo
Ak potrebujete iba naformátovať dokument, potom sa stačí obmedziť na používanie tabuliek. Ak potrebujete vyriešiť zložitejšie problémy, napríklad organizovať interakciu medzi podoblastami okien alebo vytvárať podoblasti, ktoré sú trvalo umiestnené na obrazovke, potom je vhodné použiť rámy.
V konečnom dôsledku výber štruktúry dokumentu – tabuľkovej alebo rámovej – závisí od mnohých faktorov a nedá sa jednoznačne vopred určiť.
Existujú tiežstránky, ktoré sa zdajú byť zostavené podobne ako predchádzajúce. Napríklad si môžete vziať stránku veľmi populárnej celosvetovej kolekcie softvérových produktov určených predovšetkým na prácu s internetom. Adresa servera http://www.tucows.com. Upozorňujeme, že názov servera bol určený skratkou odvodenou od skratky úplného názvu kolekcie – The Ultimate Collection of Winsock Software. Keďže sa ukázalo, že skratka tucows je v súlade s frázou dve kravy (dve kravy), stránky servera často obsahujú obrázky kráv a hodnotenie softvérových produktov sa odhaduje na počet mooingov (“Moo”) a je graficky znázornené. ako riadok zodpovedajúceho počtu kráv. Väčšina stránok servera je zostavená rovnakým spôsobom - na ľavej strane okna je zoznam dostupných sekcií a na pravej strane je zoznam softvérových produktov pre vybranú sekciu. Na prvý pohľad by štruktúra dokumentu mala vyzerať približne rovnako ako v predchádzajúcich príkladoch. Tento dokument však nepoužíva rámy! Táto stránka je vytvorená pomocou tabuľky, ktorá pozostáva iba z jedného riadku s dvoma bunkami. Tabuľka nemá rám a slúži len na formátovanie stránky. Dojem vertikálne rozdelenej obrazovky je vytvorený pomocou grafického pozadia obsahujúceho vertikálna čiara, a už vôbec nie mriežku tabuľky. Môžete si to overiť zobrazením stránky bez načítania obrázkov. Použitie tabuľky je tu zrejme spôsobené úvahami o väčšej prístupnosti dokumentov, keďže rámce neumožňujú zobrazenie vo všetkých prehliadačoch.
Nevýhodou tohto prístupu je v tomto prípade nutnosť opakovať celý zoznam sekcií (ľavá strana strany) v každom dokumente, čím sa mierne zväčšuje veľkosť súboru.
Porovnanie vyššie uvedených príkladov ukazuje, že použitie tabuliek a rámcov môže byť niekedy zameniteľné a určené podľa želaní vývojárov. Všimnite si, že často pri pohľade na stránku, na ktorej je zobrazený dokument, nie je možné určiť, ako je vytvorená. Koncový používateľ nemusí poznať vnútornú štruktúru dokumentu, ale pri tvorbe vlastných webových stránok by bolo oboznámenie sa so zdrojovým kódom existujúcich dokumentov mimoriadne užitočné. V prvom príklade (pozri obr. 5.1) je rámová štruktúra dokumentu viditeľná okamžite – prítomnosť dvoch zvislých posúvačov už určuje prítomnosť jednotlivých rámcov. Nasledujúce dva príklady majú veľmi podobný vzhľad a nie je možné určiť, že prvý z nich je vytvorený pomocou rámov a druhý pomocou tabuliek. Rozdiely sa prejavia až pri práci s nimi. V príklade telefónneho zoznamu pri rolovaní dokumentu zostane ľavá časť okna na mieste, čo je možné len v prípade rámovej štruktúry. V nasledujúcom príklade (kolekcia softvérových produktov) posúvanie posunie celý obsah okna.
Štruktúru dokumentu pri práci s prehliadačom Netscape môžete zobraziť pomocou položky Informácie o stránke (vo verziách 3.x prehliadača Netscape sa táto položka menu nazývala Informácie o dokumente) v ponuke Zobraziť (obr. 5.2).
Ryža. 5. 2
.
Ponuka zobrazenia prehliadača Netscape
Okrem toho môžete vždy zobraziť zdrojový kód HTML celého dokumentu pomocou položky Zdroj stránky v ponuke Zobraziť (alebo položky Zobraziť zdrojový zdroj rámca v kontextovej ponuke po kliknutí pravým tlačidlom myši na zobrazenie kódu HTML dokumentu načítaného v vybraný rám).
Poradenstvo
Používanie rámikov by ste nemali zbytočne zneužívať a ich počet by nemal presiahnuť tri alebo štyri.
Na skutočných stránkach na internete môžete často vidieť nasledujúce prípady použitia rámcov:dva susedné rámy sa používajú na načítanie dokumentov, ktoré je vhodné súčasne prezerať a porovnávať. Každý z dvoch dokumentov načítaných do rámcov používa na prezentáciu informácií tabuľkovú formu. Výsledkom tohto usporiadania údajov je, že každú z dvoch tabuliek je možné prezerať (alebo tlačiť) samostatne alebo študovať v porovnaní s druhou.
Všetky príklady uvedené v tejto časti sú prevzaté zo stránok populárnych WWW serverov a možno môžu slúžiť ako príklady použitia rámcov v dokumentoch HTML.
Nasledujúce časti tejto kapitoly pokrývajú pravidlá písania dokumentov obsahujúcich rámce.
Pravidlá pre popis rámov
Prejdime teraz k pravidlám písania značiek používaných pre dokumenty s rámovou štruktúrou.
Najprv sa pozrime na úplný kód HTML, ktorý vytvára dokument so stredne zložitými rámcami:
<![CDATA[
</p>
<p>]]>
Tento príklad vytvorí orámovanú stránku zobrazenú na obrázku. 5.3. Ako vidíte, tento kód HTML definuje štyri rámce. Horný rám sa rozprestiera po celej šírke strany a obsahuje nadpis. Nasledujú dva centrálne rámy, z ktorých jeden je umiestnený na ľavej strane a zaberá 25 percent šírky obrazovky a druhý zaberá zvyšné miesto. Posledná, štvrtá snímka zaberá spodnú štvrtinu obrazovky. Do každého rámca sa načíta samostatný HTML dokument, ktorého názov je určený parametrom SRC.
Ako je zrejmé z príkladu, na popis štruktúry rámcov sa používajú značky
