Izraz "okvir" je prišel k nam v angleščini. V prevodu ta beseda pomeni "okvir" in predstavlja ločeno območje okna. Po svoji strukturi je tak razdelek popolnoma dokončan dokument HTML.
Posamezni okvirji razdelijo okna brskalnika na razdelke, ki so postavljeni drug poleg drugega. V tem primeru se vsak okvir naloži s svojo celotno stranjo. Tehnologija okvirja še vedno povzroča veliko polemik, vendar je treba reči, da je vrhunec njene priljubljenosti že mimo. IN ta trenutek ta tehnologija je zastarela in navadni okvirji niso več podprti v HTML5.
Zgodovina tehnologije
Danes lahko rečemo, da je odločitev o odmiku od dela z okvirno tehnologijo dokončno sprejeta. Na spletnem mestu https://www.w3.org/TR/html5-diff/#obsolete-elements je jasno navedeno, da so običajne oznake frame, frameset in noframes za ustvarjanje takšne strukture zastarele. Kot argument so podani podatki, da uporaba takšne strukture negativno vpliva na uporabnost strani in njihovo dostopnost v internetu.
Toda sodobne tehnologije podpirajo element IFRAME. Njegova uporaba vam omogoča vstavljanje okvirjev v besedilne bloke na straneh. Poleg tega je mogoče takšne elemente poravnati glede na samo besedilo. Pomembna točka: velikosti vgrajenih okvirjev načeloma ne morete spremeniti. Nimajo ustreznega atributa za spreminjanje velikosti.
V prihodnosti, brez preskoka v tehnologiji, je nadaljnja uporaba okvirjev malo verjetna. In ne smemo pozabiti, da je vodilna organizacija za standardizacijo internetnih tehnologij - W3C - jasno pokazala, da razvijalci spletnih strani ne bi smeli uporabljati takšnih struktur.
To pomeni, da okvirjev načeloma ne bi smeli uporabljati za strukturiranje strani pri ustvarjanju novih virov. Toda s podporo in izboljšavami obstoječih spletnih mest bo poznavanje značilnosti tehnologije in njihove uporabe zelo koristno in produktivno.
Prednosti okvirjev
Med prednostmi okvirne tehnologije so enostavna uporaba, visoka hitrost in možnost natančnega pozicioniranja informacij na določenih delih okna.
Uporaba okvirjev zagotavlja prihranke pri obsegu prenesenega prometa med delom s spletnim mestom. Navsezadnje se pri dostopu do drugega dela informacij običajno posodobi le en del strani in ne celotna koda.
Ta struktura ponuja zanimive možnosti krmarjenja po vsebini vira. Navsezadnje si lahko znotraj okna brskalnika v sosednjih okvirih ogledate različne bloke informacij. Za uporabnike je pomembno, da vedo, da je iskanje znotraj okvira enakovredno izvajanju takšne operacije na ločeni strani.
Med delom s spletnim mestom lahko dinamično spremenite velikost ločenega razdelka, kar je težko izvesti z drugimi tehnološkimi rešitvami.
Možne slabosti
Težave s spletnimi stranmi, ki uporabljajo okvirje, so se kopičile postopoma, danes pa so dosegle mejno raven. Med glavnimi pomanjkljivostmi so:
- Nezadovoljiva uporabnost. Danes delež uporabnikov mobilnih naprav in tablic z majhnimi ločljivostmi zaslonov narašča in že presega število tistih, ki obiskujejo strani iz namiznih in prenosnih računalnikov. In tukaj uporaba okvirjev ustvarja resne težave s prilagodljivostjo strani, ko so prikazane na razne naprave. Ta problem danes nima praktične rešitve.
- Poslabšanje dostopnosti strani za različne programe. Povečanje števila dodatnih programov (na primer bralnikov zaslona) razkriva veliko slabšo dostopnost informacij za branje.
- Strani se ne prikazujejo pravilno. Pogosto je postavitev strani s takšno strukturo v brskalnikih z vidika oblikovanja videti napačna. In to je posledica značilnosti tehnologije. Z vidika SEO je uporaba okvirjev v HTML postavitvi strani zelo nezaželena.
- Razpoložljivost enega naslova za celotno strukturo. Posledično notranjih strani takšnega mesta ni mogoče dodati med zaznamke. To povzroča neprijetnosti za uporabnike.
- Nepravilno indeksiranje s strani iskalnikov. Prisotnost na spletnem mestu več polnopravnih dokumentov, iz katerih je oblikovana ena stran, znatno oteži delo iskalnikov. To vodi do znatnih napak med indeksiranjem. Posledica tega je, da napačna definicija tem in naslovov strani povzroči izgubo kritične vsebine zaradi indeksiranja.
- Nespoštovanje. To je precej nenavadna napaka za vire v omrežju. In vendar je treba povedati, da dejstvo, da postavitev spletnih mest na okvirih postaja zastarela, vodi v dejstvo, da se avtorji in lastniki takšnih virov štejejo za retrogradne. Vendar obstaja nekaj izjem. Celo sodobna spletna mesta, ki gostijo klepetalnice, običajno uporabljajo okvirje.
Indeksiranje okvirjev s strani iskalnikov
Informacije, ki prihajajo iz iskalnikov, nam jasno povedo, da se strani z okvirji indeksirajo opazno počasneje. V tem primeru se pogosto pojavijo napake, povezane s samo strukturo. Navsezadnje vsak okvir prikazuje popolno internetno stran. In prav tak del spletnega mesta je lahko vključen v bazo indeksiranja.
Negativni vidik takšnega indeksiranja je, da uporabnik ob vstopu v notranjost strani običajno ne vidi menijev in drugih navigacijskih mehanizmov. In to ni presenetljivo. Morate razumeti, da posodobitev okvirja v tem primeru ni rešitev problema. Navsezadnje so vsi navigacijski mehanizmi postavljeni v drugo posodo.
Druga težava je, da pogosto glavna stran strukture vsebnika vsebuje le naslov, oznake meta opisa in oznako FRAMESET. In to se zdi logično - navsezadnje je smiselna vsebina umeščena v ločene dokumente. Prav te bo obiskovalec strani videl na strani v okvirjih.
Toda iskalni robot takšne strani skoraj nikoli ne indeksira. Na njej ne najde vsebine, ki bi bila uporabna za obiskovalce. Iskalni roboti so konfigurirani tako, da poskušajo pridobiti in indeksirati informacije, ki se nahajajo znotraj oznake body. Tu se pojavi iskanje uporabnih vsebin za uporabnika. Toda na strani okvirja te oznake ni, nadomesti jo FRAMESET.
To težavo je mogoče delno rešiti z uporabo NOFRAMES. Toda na mnogih spletnih mestih je ob dostopu do njega navedena le informacija, da brskalnik ne podpira okvirjev. In za ogled strani morate uporabiti drug program.
Takšni primeri povzročajo veliko težav uporabnikom, ki ob obisku strani ne vidijo menija in drugih informacij, ki bi morale biti prikazane. Če so na spletno stran postavljeni okvirji, se njeni parametri z vidika SEO zmanjšajo. Hkrati statistika vedenja uporabnikov kaže, da avtoriteta vira med iskalniki pada. To vsekakor negativno vpliva na obisk spletne strani.
Za iskalnike in robote za indeksiranje je še posebej težko obdelati ugnezdene in veččlanske strukture. Dejstvo, da ima vsak vsebnik vse značilnosti ločenega dokumenta, vendar ne vsebuje celotne navigacije in drugih informacij, dodatno otežuje situacijo.
Iskalnikom lahko olajšate delo s pravilnim povezovanjem na straneh. V tem primeru morate podvojiti vse menijske povezave, tako da jih je mogoče najti v vsakem posameznem delu strani. Toda to bistveno oteži in upočasni delo pri optimizaciji spletnega mesta in posodabljanju informacij na njem.
Izkušnje številnih optimizatorjev in spletnih skrbnikov kažejo tudi na to, da strani na okvirjih niso deležne visokih uvrstitev v iskalnih rezultatih. To se zgodi, tudi če so vključeni v zbirko podatkov za indeksiranje.
Značilnosti promocije spletnega mesta v okvirjih
Nekateri iskalniki nepravilno ali zelo nepravilno indeksirajo uokvirjene datoteke. Posledično baza podatkov indeksa ni napolnjena z naslovi nadrejenih virov (kot bi moralo biti), temveč s povezavami do podrejenih spletnih mest.
Da bi zmanjšali težave pri indeksiranju spletnih mest na podlagi okvirjev, se pri njihovem opisu uporabljajo posebne oznake in parametri. Glavni element strukture vsebnika je okvir. On je tisti, ki nadomesti standardno telo; v izvorni kodi. Vsako posamezno posodo v strukturi opisuje okvir. Njegova količina v kodi strani ustreza številu posameznih razdelkov, prikazanih v oknu brskalnika ob ogledu.
Te oznake je treba namestiti na domača stran in nato podvojite vsebino znotraj vsakega od njih.
Področja uporabe okvirjev
Razvijalci dokumentov HTML imajo precej široko izbiro oblik za prikaz informacij na straneh. Besedilo in grafične informacije jih je mogoče razvrstiti in organizirati z uporabo seznamov, tabel ali preprosto z uporabo možnosti poravnave, nastavljanja vodoravnih črt in delitve na odstavke. Včasih te funkcije niso dovolj in morate okno brskalnika razdeliti na ločena področja ali okvirje. V številnih opisih jezika HTML v ruskem jeziku se namesto izraza okvirji uporablja izraz okvirji. Pogostost uporabe obeh izrazov je približno enaka.
Izbira okvirne strukture za prikaz informacij na WWW je upravičena v naslednjih primerih:
- če je potrebno, upravljajte nalaganje dokumentov v eno od podobmočij pregledovalnega okna brskalnika med delom v drugem podobmočju;
- locirati informacijo na določenem mestu v pregledovalnem oknu, ki mora biti vedno na zaslonu, ne glede na vsebino drugih podobmočij zaslona;
- za predstavitev informacij, ki so priročno razporejene v več sosednjih podobmočjih okna, od katerih si je vsako mogoče ogledati neodvisno.
Navedeni seznam ne izčrpa vseh možnih primerov, kjer je mogoče uporabiti okvirje, ampak je priporočilne narave.
Najprej razmislimo o tipični uporabi okvirjev s primeri dokumentov HTML iz resničnega življenja, nato pa se obrnemo na pravila za razvoj dokumentov, ki vsebujejo okvirje.
Na sl. Slika 5.1 prikazuje eno od HTML strani agencije Finmarket, ki je specializirana za posredovanje informacij s finančnih in borznih trgov Rusije.
riž. 5.1. Tipičen spletni dokument z okvirno strukturo
Ta stran razdeli okno brskalnika v tri okvirje. Spodnji del okno zavzema 20 % višine celotnega okna in vsebuje stalne informacije, ki so v tem primeru grafični meni, ki omogoča dostop do najpomembnejših razdelkov kadarkoli. Ta okvir ne more spremeniti svoje velikosti na podlagi uporabniških ukazov in nima drsnih trakov. Zgornji del okno (80% višine) je vodoravno razdeljeno na dva okvirja. Levi okvir vsebuje kazalo dokumentov, ki si jih lahko ogleda uporabnik. Desni okvir, ki zavzema večji del preglednega okna, je namenjen prikazu samih dokumentov. Ko sta ta dva okvirja prvotno naložena, vodoravno razdelita okno brskalnika v razmerju 15 % proti 85 %. To razmerje lahko uporabnik med ogledom spreminja, kar vam omogoča izbiro optimalnih velikosti okvirja ob upoštevanju vsebine naloženih dokumentov. Vsak od teh okvirjev ima svoj drsni trak, ki vam omogoča ogled celotne vsebine okvirja, ne glede na velikost samega okvirja, celotnega okna brskalnika ali uporabljenih pisav. Ko izberete katero koli povezavo v levem okvirju, se ustrezen dokument naloži v desni okvir. Ta struktura vam omogoča, da na zaslonu hkrati vidite tako kazalo dokumentov kot vsebino izbranega dokumenta.
Tukaj je brez pojasnila delček kode HTML, uporabljene za izdelavo dokumenta s to strukturo:
Ta primer prikazuje najbolj tipično uporabo okvirnih struktur, kjer en okvir služi kot kazalo dokumentov, drugi pa se uporablja za nalaganje njihove vsebine. Reševanje takšnega problema brez uporabe okvirjev se običajno izvede na naslednji način. Na eni od strani je kazalo vsebine, sestavljeno iz povezav do drugih dokumentov ali njihovih posameznih fragmentov. Ko kliknete na takšno povezavo, kazalo izgine, na njegovo mesto pa se naloži zahtevani dokument, po branju katerega se morate običajno vrniti na kazalo. Pri uporabi okvirjev ta vrnitev postane nepotrebna, saj se kazalo vedno nahaja na delu zaslona.
Najdete ga na internetu
spletna stran elektronske izdaje priljubljenega naslovnega in telefonskega imenika "All Petersburg" v Sankt Peterburgu.
Elektronska različica imenika je dostopna na http://www.allpetersburg.ru in vam omogoča iskanje potrebnih informacij na podlagi zahtev uporabnikov. Tudi ta stran dokumenta ima strukturo okvirja in je sestavljena iz dveh okvirjev, od katerih je prvi širok 100 slikovnih pik, drugi pa zavzema celotno preostalo širino vidnega polja. Okvir, ki se nahaja na levi strani, služi za grafični meni, ki je stalno prisoten na zaslonu, vsebuje pa tudi logotip podjetja Nevalink. Drugi okvir vsebuje dokument, ki je v tem primeru obrazec za zahtevo uporabnika. Strukturo te strani določa naslednja koda HTML:
Okvirji so zelo podobni tabelam – oba razdelita okno brskalnika na pravokotna področja, v katerih se nahajajo nekatere informacije. Vendar pa lahko s pomočjo okvirjev rešite ne le problem oblikovanja strani dokumenta, ampak tudi organizirate interakcijo med njimi. Temeljna razlika med okvirji in tabelami je, da mora imeti vsak okvir svoj ločen dokument HTML, vendar je vsebina vseh celic tabele vedno del istega dokumenta. Poleg tega se stran, prikazana v okvirju, lahko pomika, ko jo gledate neodvisno od drugih. Vsak okvir je v bistvu ločen "mini brskalnik". Za razliko od okvirjev, katerih celotna struktura je vedno prikazana na zaslonu, se tabele morda ne prilegajo v celoti oknu in si jih je mogoče ogledati le po delih. Iz tega sledi, da če je v tabelah HTML skupno število celic praktično neomejeno in lahko doseže nekaj sto, potem število okvirjev v dokumentu običajno ne presega več enot.
nasvet
Če morate le formatirati dokument, je dovolj, da se omejite na uporabo tabel. Če morate rešiti bolj zapletene probleme, na primer organizirati interakcijo med podobmočji oken ali ustvariti podobmočja, ki se stalno nahajajo na zaslonu, je priročno uporabiti okvirje.
Navsezadnje je izbira strukture dokumenta - tabela ali okvir - odvisna od številnih dejavnikov in je ni mogoče nedvoumno vnaprej določiti.
Tukaj so tudistrani, ki se zdijo zgrajene podobno kot prejšnje. Na primer, lahko vzamete stran zelo priljubljene svetovne zbirke programskih izdelkov, namenjenih predvsem delu z internetom. Naslov strežnika http://www.tucows.com. Upoštevajte, da je ime strežnika določila okrajšava, ki izhaja iz okrajšave polnega imena zbirke - The Ultimate Collection of Winsock Software. Ker se je kratica tucows izkazala za soglasno z besedno zvezo dve kravi (dve kravi), se slike krav pogosto nahajajo na straneh strežnika, ocena programskih izdelkov pa je ocenjena v številu mukov (»Moo«) in je grafično prikazano kot vrsta ustreznega števila krav. Večina strežniških strani je zgrajena na enak način - na levi strani okna je seznam razpoložljivih razdelkov, na desni strani pa seznam programskih izdelkov za izbrani razdelek. Na prvi pogled bi morala biti struktura dokumenta približno enaka kot v prejšnjih primerih. Vendar ta dokument ne uporablja okvirjev! Ta stran je zgrajena s tabelo, ki je sestavljena iz samo ene vrstice z dvema celicama. Tabela je brez okvirja in služi samo za oblikovanje strani. Vtis navpično razdeljenega zaslona se ustvari z uporabo grafike v ozadju, ki vsebuje navpična črta, in sploh ne mreže tabele. To lahko preverite z ogledom strani brez nalaganja slik. Uporaba tabele je tukaj očitno posledica pomislekov o večji dostopnosti dokumentov, saj okvirji ne omogočajo prikaza v vseh brskalnikih.
Pomanjkljivost tega pristopa v tem primeru je potreba po ponovitvi celotnega seznama razdelkov (leva stran strani) v vsakem dokumentu, kar nekoliko poveča velikost datoteke.
Primerjava zgornjih primerov kaže, da je uporaba tabel in okvirjev včasih lahko zamenljiva in določena z željami razvijalcev. Upoštevajte, da pogosto, ko gledate stran, na kateri je prikazan dokument, ni mogoče ugotoviti, kako je zgrajen. Končnemu uporabniku ni treba poznati notranje zgradbe dokumenta, vendar bi mu pri razvoju lastnih spletnih strani zelo koristila seznanitev z izvorno kodo obstoječih dokumentov. V prvem primeru (glej sliko 5.1) je struktura okvirja dokumenta takoj vidna - prisotnost dveh navpičnih drsnih trakov že določa prisotnost posameznih okvirjev. Naslednja dva primera sta si po videzu zelo podobna in ni mogoče ugotoviti, da je prvi od njih zgrajen z okvirji, drugi pa z uporabo tabel. Razlike se bodo pokazale le pri delu z njimi. V primeru telefonskega imenika bo pri listanju dokumenta levi del okna ostal na svojem mestu, kar je možno le, če obstaja okvirna struktura. V naslednjem primeru (zbirka programskih izdelkov) bo drsenje premaknilo celotno vsebino okna.
Strukturo dokumenta si lahko ogledate pri delu z brskalnikom Netscape z uporabo elementa Informacije o strani (v različicah 3.x brskalnika Netscape se je ta menijska postavka imenovala Informacije o dokumentu) v meniju Pogled (slika 5.2).
riž. 5. 2
.
Meni pogleda brskalnika Netscape
Poleg tega si lahko kadar koli ogledate izvorno kodo HTML celotnega dokumenta tako, da uporabite element Izvorna koda strani v meniju Pogled (ali element Ogled izvornega okvirja kontekstnega menija z desnim klikom, da si ogledate kodo HTML dokumenta, naloženega v izbran okvir).
nasvet
Ne smete po nepotrebnem zlorabljati uporabe okvirjev, njihovo število pa ne sme presegati treh ali štirih.
Pogosto na resničnih straneh v internetu lahko vidite naslednje primere uporabe okvirjev:dva sosednja okvirja se uporabljata za nalaganje dokumentov, ki ju je priročno sočasno gledati in primerjati med seboj. Vsak od dveh dokumentov, naloženih v okvirje, uporablja tabelarično obliko za predstavitev informacij. Zaradi te organizacije podatkov si lahko vsako od dveh tabel ogledate (ali natisnete) ločeno ali preučujete v primerjavi z drugo.
Vsi primeri v tem razdelku so vzeti s strani priljubljenih strežnikov WWW in morda lahko služijo kot primeri uporabe okvirjev v dokumentih HTML.
Naslednji razdelki tega poglavja pokrivajo pravila za pisanje dokumentov, ki vsebujejo okvirje.
Pravila za opisovanje okvirjev
Zdaj pa preidimo na pravila za pisanje oznak, ki se uporabljajo za dokumente z okvirnimi strukturami.
Najprej si oglejmo celotno kodo HTML, ki ustvari dokument s srednje zahtevnimi okvirji:
<![CDATA[
</p>
<p>]]>
Ta primer ustvari uokvirjeno stran, prikazano na sliki. 5.3. Kot lahko vidite, ta koda HTML definira štiri okvirje. Zgornji okvir obsega celotno širino strani in vsebuje naslov. Sledita dva osrednja okvirja, od katerih se eden nahaja na levi strani in zavzame 25 odstotkov širine zaslona, drugi pa zavzame preostali prostor. Zadnji, četrti okvir zavzema spodnjo četrtino zaslona. V vsak okvir je naložen ločen dokument HTML, katerega ime je določeno s parametrom SRC.
Kot je razvidno iz primera, se oznake uporabljajo za opis strukture okvirjev
