Iframe i Frame - šta su i kako najbolje koristiti okvire u HTML-u. Korišćenje okvira u HTML-u Kako otvoriti dokumente koristeći vezu u okviru

Izraz "okvir" došao je do nas na engleskom. Prevedeno, ova riječ znači "okvir" i predstavlja zasebno područje prozora. Po svojoj strukturi, takav odjeljak je potpuno gotov HTML dokument.

Pojedinačni okviri dijele prozore pretraživača na dijelove koji su postavljeni jedan pored drugog. U ovom slučaju, svaki okvir se učitava sa svojom punom stranicom. Tehnologija okvira i dalje izaziva mnogo kontroverzi, ali mora se reći da je vrhunac njene popularnosti već prošao. IN ovog trenutka ova tehnologija je zastarjela i regularni okviri više nisu podržani u HTML5.

Istorija tehnologije

Danas možemo konstatovati da je konačno donesena odluka da se odmakne od rada sa ramovskom tehnologijom. Stranica https://www.w3.org/TR/html5-diff/#obsolete-elements jasno kaže da su uobičajene oznake okvira, okvira i noframes za kreiranje takve strukture zastarjele. Kao argument navode se podaci da upotreba ovakve strukture negativno utiče na upotrebljivost sajtova i njihovu dostupnost na Internetu.

Ali moderne tehnologije podržavaju IFRAME element. Njegova upotreba vam omogućava da umetnete okvire u tekstualne blokove na stranicama. Štaviše, takvi elementi se mogu poravnati u odnosu na sam tekst. Važna stvar: u principu ne možete promijeniti veličinu ugrađenih okvira. Oni nemaju odgovarajući atribut za promjenu veličine.

U budućnosti, bez skokova u tehnologiji, dalja upotreba okvira je malo vjerovatna. I vrijedno je zapamtiti da je vodeća organizacija za standardizaciju internetskih tehnologija - W3C - jasno naznačila da takve strukture ne bi trebali koristiti programeri web stranica.

To jest, okviri se u principu ne bi trebali koristiti za strukturiranje stranica prilikom kreiranja novih resursa. Ali uz podršku i unapređenje postojećih sajtova, poznavanje karakteristika tehnologije i njihovo korišćenje biće veoma korisno i produktivno.

Prednosti okvira

Među prednostima tehnologije okvira su jednostavnost upotrebe, velika brzina i mogućnost preciznog pozicioniranja informacija u određenim područjima prozora.

Upotreba okvira omogućava uštedu na obimu prenošenog saobraćaja tokom rada sa sajtom. Uostalom, kada se pristupa drugom dijelu informacija, obično se ažurira samo jedan dio stranice, a ne cijeli kod.

Ova struktura pruža zanimljive opcije navigacije kroz sadržaj resursa. Uostalom, unutar prozora pretraživača u susjednim okvirima možete vidjeti različite blokove informacija. Važno je da korisnici znaju da je pretraživanje unutar okvira ekvivalentno obavljanju takve operacije na posebnoj stranici.

Dok radite sa sajtom, možete dinamički mijenjati veličinu zasebnog odjeljka, što je teško implementirati drugim tehnološkim rješenjima.

Mogući nedostaci

Problemi s web stranicama koje koriste okvire su se postepeno gomilali, ali su danas dostigli granični nivo. Među glavnim nedostacima su:

  1. Nezadovoljavajuća upotrebljivost. Danas raste udio korisnika mobilnih uređaja i tableta sa malim rezolucijama ekrana i već premašuje broj onih koji stranice posjećuju sa desktop računara i laptopa. I ovdje korištenje okvira stvara ozbiljne probleme s prilagodljivošću stranica kada se prikazuju razni uređaji. Ovaj problem danas nema praktično rješenje.
  2. Pogoršanje pristupačnosti sajta za razni programi. Povećanje broja dodatnih programa (na primjer, čitača ekrana) otkriva mnogo lošiju dostupnost informacija za čitanje.
  3. Stranice se ne prikazuju ispravno. Često izgled stranica sa takvom strukturom izgleda neispravno u pretraživačima sa stanovišta dizajna. A to je zbog karakteristika tehnologije. Sa SEO tačke gledišta, upotreba okvira u HTML izgledu stranice je krajnje nepoželjna.
  4. Dostupnost jedne adrese za cijelu strukturu. Kao rezultat toga, interne stranice takve stranice ne mogu biti označene. To dovodi do neugodnosti za korisnike.
  5. Netačno indeksiranje od strane pretraživača. Prisutnost na web stranici nekoliko punopravnih dokumenata, od kojih se formira jedna stranica, značajno otežava rad pretraživača. To dovodi do značajnih grešaka tokom indeksiranja. Kao rezultat, pogrešna definicija tema i adresa stranica dovodi do gubitka kritičnog sadržaja zbog indeksiranja.
  6. Nepoštovanje. Ovo je prilično neobična mana za resurse na mreži. Ipak, mora se reći da činjenica da raspored lokacija na okvirima zastareva dovodi do toga da se autori i vlasnici takvih resursa smatraju retrogradnim. Ali postoje neki izuzeci. Čak i moderne stranice koje hostuju sobe za razgovor obično koriste okvire.

Indeksiranje okvira od strane pretraživača

Informacije koje dolaze iz pretraživača jasno nam govore da se sajtovi sa okvirima indeksiraju primetno sporije. U ovom slučaju često nastaju greške vezane za samu strukturu. Uostalom, svaki okvir prikazuje potpunu internet stranicu. I upravo takav dio stranice može biti uključen u bazu podataka indeksiranja.

Negativan aspekt ovakvog indeksiranja je to što korisnik obično ne vidi menije i druge mehanizme za navigaciju prilikom odlaska u unutrašnjost stranice. I to nije iznenađujuće. Morate shvatiti da ažuriranje okvira nije rješenje problema u ovom slučaju. Uostalom, svi navigacijski mehanizmi smješteni su u drugi kontejner.

Drugi problem je što često glavna stranica strukture kontejnera sadrži samo naslov, meta opisne oznake i oznaku FRAMESET. I to se čini logičnim – na kraju krajeva, sadržajni sadržaji su smješteni u zasebne dokumente. Upravo to će posjetitelj stranice vidjeti na stranici u okvirima.

Ali robot za pretraživanje skoro nikada ne indeksira takvu stranicu. Na njemu ne nalazi nikakav sadržaj koji bi bio koristan posjetiteljima. Botovi za pretragu su konfigurisani na takav način da pokušavaju da dohvate i indeksiraju informacije smeštene unutar oznake tela. Tu dolazi do traženja korisnih sadržaja za korisnika. Ali na stranici okvira ne postoji takva oznaka, ona je zamijenjena FRAMESET.

Ovaj problem se može djelomično riješiti korištenjem NOFRAMES-a. Ali na mnogim stranicama, prilikom pristupanja, daje se samo informacija da pretraživač ne podržava okvire. A da biste pogledali stranicu morate koristiti drugi program.

Ovakvi slučajevi stvaraju brojne probleme korisnicima koji prilikom posjete web-stranici ne vide meni i druge informacije koje bi trebalo da budu prikazane. Ako se okviri postavljaju na web stranicu, njegovi parametri sa SEO gledišta se smanjuju. Istovremeno, statistika ponašanja korisnika ukazuje da autoritet resursa među pretraživačima pada. Ovo definitivno ima negativan utjecaj na promet web stranice.

Posebno je teško za pretraživače i botove za indeksiranje da obrađuju ugniježđene i višestruke strukture osoblja. Činjenica da svaki kontejner ima sve karakteristike zasebnog dokumenta, ali ne sadrži punu navigaciju i druge informacije, dodatno komplikuje situaciju.

Možete olakšati rad pretraživačima korištenjem ispravnih linkova na stranicama. U tom slučaju morate duplicirati sve linkove menija tako da se mogu naći unutar svakog pojedinačnog dijela stranice. Ali to značajno otežava i usporava rad na optimizaciji stranice i ažuriranju informacija na njoj.

Iskustvo mnogih optimizatora i webmastera također sugerira da stranice na okvirima ne dobijaju visoko rangiranje u rezultatima pretraživanja. Ovo se dešava čak i ako su uključeni u bazu podataka indeksiranja.

Karakteristike promocije web stranice u okvirima

Neki pretraživači pogrešno ili vrlo pogrešno indeksiraju uokvirene datoteke. Kao rezultat, baza podataka indeksa nije ispunjena adresama roditeljskih resursa (kao što bi trebalo da bude), već vezama do podređenih stranica.

Da bi se minimizirali problemi indeksiranja sajtova na osnovu okvira, prilikom njihovog opisivanja koriste se posebne oznake i parametri. Glavni element strukture kontejnera je okvir. On je taj koji zamjenjuje standardno tijelo; u izvornom kodu. Svaki pojedinačni kontejner u strukturi je opisan okvirom. Njegova količina u kodu stranice odgovara broju pojedinačnih sekcija prikazanih u prozoru pretraživača kada se pregledaju.

Ove oznake treba staviti na početna stranica stranice, a zatim duplicirati sadržaj unutar svake od njih.

Područja primjene okvira

Programeri HTML dokumenata imaju prilično širok izbor formi za prikaz informacija na stranicama. Tekst i grafičke informacije može se naručiti i organizirati pomoću lista, tabela ili jednostavno korištenjem opcija poravnanja, postavljanja horizontalnih linija i podjele na pasuse. Ponekad ove karakteristike nisu dovoljne i tada morate da podelite prozor pretraživača na zasebne oblasti ili okvire. U brojnim opisima HTML jezika na ruskom jeziku, umjesto pojma okviri koristi se izraz okviri. Učestalost upotrebe oba termina je približno ista.

Izbor strukture okvira za prikaz informacija na WWW-u opravdan je u sljedećim slučajevima:

  • ako je potrebno, upravljajte učitavanjem dokumenata u jednu od podoblasti prozora za pregled pretraživača dok radite u drugoj podoblasti;
  • locirati informacije na određenom mjestu u prozoru za gledanje koje uvijek moraju biti na ekranu, bez obzira na sadržaj drugih podoblasti ekrana;
  • predstaviti informacije koje su prikladno raspoređene u nekoliko susednih podoblasti prozora, od kojih se svako može posmatrati nezavisno.

Navedena lista ne iscrpljuje sve moguće slučajeve u kojima se okviri mogu primijeniti, već je preporuke.

Hajde da prvo razmotrimo tipične upotrebe okvira koristeći primere HTML dokumenata iz stvarnog života, a zatim se okrenemo pravilima za razvoj dokumenata koji sadrže okvire.

Na sl. Slika 5.1 prikazuje jednu od HTML stranica agencije Finmarket, koja je specijalizovana za pružanje informacija sa finansijskih i berzanskih tržišta Rusije.

Rice. 5.1. Tipičan Web dokument sa strukturom okvira

Ova stranica dijeli prozor pretraživača u tri okvira. Donji dio prozor zauzima 20% visine čitavog prozora i sadrži trajne informacije, što je u ovom slučaju grafički meni koji vam omogućava da u svakom trenutku pristupite najvažnijim odeljcima. Ovaj okvir ne može promijeniti svoju veličinu na osnovu korisničkih naredbi i nema trake za pomicanje. Gornji dio prozor (80% visine) je horizontalno podijeljen u dva okvira. Lijevi okvir sadrži sadržaj dokumenata koji korisnik može vidjeti. Desni okvir, koji zauzima veći dio prozora za pregled, namijenjen je za prikaz samih dokumenata. Kada se prvobitno učitaju, ova dva okvira dijele prozor pretraživača horizontalno u omjeru od 15% prema 85%. Ovaj omjer korisnik može promijeniti tokom pregleda, što vam omogućava da odaberete optimalne veličine okvira uzimajući u obzir sadržaj učitanih dokumenata. Svaki od ovih okvira ima svoju traku za pomicanje, što vam omogućava da vidite cijeli sadržaj okvira, bez obzira na veličinu samog okvira, cijeli prozor pretraživača ili korištene fontove. Kada odaberete bilo koju vezu u lijevom okviru, odgovarajući dokument će se učitati u desni okvir. Ova struktura vam omogućava da istovremeno vidite na ekranu i sadržaj dokumenata i sadržaj odabranog dokumenta.

Ovdje je, bez objašnjenja, fragment HTML koda koji se koristi za pravljenje dokumenta sa ovom strukturom:

Ovaj primjer pokazuje najtipičniju upotrebu struktura okvira, gdje jedan okvir služi kao tabela sadržaja za dokumente, a drugi se koristi za učitavanje njihovog sadržaja. Rješavanje takvog problema bez korištenja okvira obično se radi na sljedeći način. Na jednoj od stranica nalazi se sadržaj koji se sastoji od veza do drugih dokumenata ili njihovih pojedinačnih fragmenata. Kada kliknete na takav link, sadržaj nestaje, a na njegovo mjesto se učitava traženi dokument, nakon čitanja kojeg se obično treba vratiti na sadržaj. Kada se koriste okviri, ovaj povratak postaje nepotreban, jer se sadržaj uvijek nalazi na dijelu ekrana.

Možete ga pronaći na internetu web stranica elektronskog izdanja popularnog adresnog i telefonskog imenika "All Petersburg" u Sankt Peterburgu.

Elektronska verzija imenika dostupna je na adresi http://www.allpetersburg.ru i omogućava vam da pronađete potrebne informacije na osnovu zahtjeva korisnika. Ova stranica dokumenta također ima strukturu okvira i sastoji se od dva okvira, od kojih je prvi širok 100 piksela, a drugi zauzima cijelu preostalu širinu okvira za prikaz. Okvir koji se nalazi na lijevoj strani služi za grafički meni koji je stalno prisutan na ekranu, a sadrži i logo kompanije Nevalink. Drugi okvir sadrži dokument, koji je u ovom slučaju obrazac zahtjeva korisnika. Struktura ove stranice definirana je sljedećim HTML kodom:

Okviri su veoma slični tabelama - oba razbijaju prozor pretraživača na pravougaone oblasti u kojima se nalaze neke informacije. Međutim, uz pomoć okvira možete riješiti ne samo problem formatiranja stranica dokumenta, već i organizirati interakciju između njih. Osnovna razlika između okvira i tabela je u tome što svaki okvir mora imati svoj zasebni HTML dokument, ali sadržaj svih ćelija tabele je uvijek dio istog dokumenta. Osim toga, stranica prikazana u okviru može se pomicati kada se gleda nezavisno od ostalih. Svaki okvir je u suštini zaseban "mini pretraživač". Za razliku od okvira čija je cijela struktura uvijek prikazana na ekranu, stolovi možda neće u potpunosti stati u prozor i mogu se vidjeti samo u dijelovima. Iz toga slijedi da ako je u HTML tabelama ukupan broj ćelija praktički neograničen i može doseći nekoliko stotina, tada broj okvira u dokumentu obično ne prelazi nekoliko jedinica.

Savjet

Ako trebate samo formatirati dokument, dovoljno je da se ograničite na korištenje tablica. Ako trebate riješiti složenije probleme, na primjer, organizirati interakciju između podoblasti prozora ili kreirati podpodručja koja se trajno nalaze na ekranu, onda je zgodno koristiti okvire.

Konačno, izbor strukture dokumenta – tabelarne ili okvirne – zavisi od mnogih faktora i ne može se nedvosmisleno unapred odrediti.

Postoje takođerstranice koje izgledaju kao da su izgrađene slično prethodnim. Na primjer, možete uzeti stranica vrlo popularne svjetske kolekcije softverskih proizvoda namijenjenih prvenstveno za rad sa Internetom. Adresa servera http://www.tucows.com. Imajte na umu da je naziv servera određen skraćenicom izvedenom iz skraćenice punog naziva kolekcije - The Ultimate Collection of Winsock Software. Budući da se ispostavilo da je skraćenica tucows u skladu sa frazom dvije krave (dvije krave), slike krava se često nalaze na stranicama servera, a ocjena softverskih proizvoda procjenjuje se u broju mukanja (“Moo”) i iznosi grafički prikazan kao red odgovarajućeg broja krava. Većina stranica servera je izgrađena na isti način - na lijevoj strani prozora nalazi se lista dostupnih sekcija, a na desnoj strani je lista softverskih proizvoda za odabrani odjeljak. Na prvi pogled struktura dokumenta bi trebala izgledati približno isto kao u prethodnim primjerima. Međutim, ovaj dokument ne koristi okvire! Ova stranica je napravljena pomoću tabele koja se sastoji od samo jednog reda s dvije ćelije. Tabela nema okvir i služi samo za formatiranje stranice. Dojam vertikalno podijeljenog ekrana stvara se korištenjem pozadinske grafike koja sadrži vertikalna linija, a ne mrežu tablice uopće. Ovo možete provjeriti gledanjem stranice bez učitavanja slika. Upotreba tabele ovde je očigledno zbog razmatranja veće dostupnosti dokumenata, pošto okviri ne dozvoljavaju prikaz u svim pretraživačima.

Nedostatak ovog pristupa u ovom slučaju je potreba da se u svakom dokumentu ponavlja čitava lista sekcija (leva strana stranice), što neznatno povećava veličinu datoteke.

Poređenje gornjih primjera pokazuje da upotreba tablica i okvira ponekad može biti zamjenjiva i određena željama programera. Imajte na umu da je često kada gledate stranicu na kojoj je prikazan dokument, nemoguće odrediti kako je napravljena. Krajnji korisnik ne mora da poznaje internu strukturu dokumenta, ali bi prilikom izrade sopstvenih Web stranica upoznavanje sa izvornim kodom postojećih dokumenata bilo izuzetno korisno. U prvom primeru (vidi sliku 5.1), struktura okvira dokumenta je odmah vidljiva - prisustvo dve vertikalne trake za pomeranje već određuje prisustvo pojedinačnih okvira. Sljedeća dva primjera su vrlo slična po izgledu i nemoguće je utvrditi da je prvi od njih izgrađen pomoću okvira, a drugi - pomoću tablica. Razlike će se pojaviti samo kada radite s njima. U primjeru telefonskog imenika, prilikom pomicanja dokumenta, lijevi dio prozora će ostati na svom mjestu, što je moguće samo ako postoji struktura okvira. U sljedećem primjeru (kolekcija softverskih proizvoda), pomicanje će pomaknuti cijeli sadržaj prozora.

Strukturu dokumenta možete videti kada radite sa Netscape pretraživačem koristeći stavku Info stranice (u verzijama 3.x Netscape pretraživača ova stavka menija se zvala Informacije o dokumentu) menija Pogled (Slika 5.2).

Rice. 5. 2 . Meni za pregled Netscape pretraživača

Osim toga, uvijek možete vidjeti izvorni HTML kod cijelog dokumenta koristeći stavku Izvor stranice u izborniku Prikaz (ili stavku Prikaži izvor okvira kontekstnog menija desnim klikom da vidite HTML kod dokumenta učitanog u odabrani okvir).

Savjet

Ne treba nepotrebno zloupotrebljavati upotrebu okvira, a njihov broj ne bi trebao biti veći od tri ili četiri.

Često na stvarnim stranicama na Internetu možete vidjeti sljedeće slučajeve korištenja okvira:dva susedna okvira se koriste za učitavanje dokumenata koje je zgodno gledati istovremeno i međusobno upoređivati. Svaki od dva dokumenta učitana u okvire koristi tabelarni oblik za predstavljanje informacija. Kao rezultat ove organizacije podataka, svaka od dvije tabele može se posmatrati (ili štampati) zasebno, ili proučavati u poređenju sa drugom.

Svi primjeri navedeni u ovom odeljku preuzeti su sa stranica popularnih WWW servera i, možda, mogu poslužiti kao primjeri upotrebe okvira u HTML dokumentima.

Naredni odeljci ovog poglavlja pokrivaju pravila za pisanje dokumenata koji sadrže okvire.

Pravila za opisivanje okvira

Hajdemo sada da razmotrimo pravila za pisanje oznaka koje se koriste za dokumente sa strukturama okvira.

Hajde da prvo pogledamo kompletan HTML kod koji kreira dokument sa okvirima srednje složenosti:

</p> <p>

Ovaj primjer kreira uokvirenu stranicu prikazanu na slici. 5.3. Kao što vidite, ovaj HTML kod definira četiri okvira. Gornji okvir obuhvata cijelu širinu stranice i sadrži naslov. Slijede dva centralna okvira, od kojih se jedan nalazi na lijevoj strani i zauzima 25 posto širine ekrana, a drugi preostali prostor. Poslednji, četvrti okvir zauzima donju četvrtinu ekrana. U svaki okvir se učitava poseban HTML dokument, čije ime određuje SRC parametar.

Kao što se može vidjeti iz primjera, oznake se koriste za opisivanje strukture okvira , I . Pogledajmo svrhu ovih oznaka.</p> <span> <br><img src='https://i0.wp.com/webnav.ru/books/html4/frames/07.gif' width="100%" loading=lazy loading=lazy></span> <p><i><b>Rice. 5. <span>3 . </b> Rezultat Netscape pretraživača koji prikazuje HTML dokument sa okvirima prikazanim u primjeru</span> </i></p> <p><b>Tag <FRAMESET> </b></p> <p>Okviri su definirani u strukturi koja se zove FRAMESET, koja se koristi za stranice koje sadrže okvire umjesto odjeljka BODY <a href="https://whatsappss.ru/bs/tips/pole-html-dokumenta-1s-obychnye-formy-upravlyaemye-formy-pole-html.html">redovni dokument</a>. Web stranice sastavljene od okvira ne mogu sadržavati odjeljak BODY u svom HTML kodu. Zauzvrat, stranice sa BODY sekcijom ne mogu koristiti okvire.</p> <p><i><b>Savjet</b> </i></p> <p><i> <span>Budući da uokvirene stranice nemaju odjeljak TIJELO, ne postoji način da postavite pozadinu i boju pozadine za cijelu stranicu. Podsjetimo da su ove postavke određene parametrima BACKGROUND i BGCOLOR zapisanim u oznaci BODY. Međutim, to vas ne sprječava da u svaki okvir učitavate dokumente s vlastitim pozadinskim postavkama.</span> </i></p> <p>Kontejner oznaka <FRAMESET>I</FRAMESET> uokviruje svaki blok definicije okvira. Unutar kontejnera <FRAMESET>može sadržavati samo oznake <FRAME>i ugniježđene oznake <FRAMESET>. </p> <p>Tag <FRAMESET>ima dva parametra: ROWS (redovi) i COLS (kolone) i piše se na sljedeći način:</p> <p><FRAMESET ROWS="список_ значений" COLS="список_ значений">. </p> <p><i><b>Bilješka</b> </i></p> <p><i> <span>Neki pretraživači dozvoljavaju dodatne parametre oznaka <FRAMESET></span> </i></p> <p>Možete definirati vrijednosti za ROWS ili COLS, ili oboje. Za barem jedan od ovih parametara potrebno je definirati najmanje dvije vrijednosti. Ako je drugi parametar izostavljen, pretpostavlja se da je njegova vrijednost 100%.</p> <p><i><b>Savjet</b> </i></p> <p><i> <span>Ako je u oznaci <FRAMESET>Ako je samo jedna vrijednost definirana za ROWS i COLS, tada će se ova oznaka smatrati nevažećom i pretraživač će je zanemariti. Drugim riječima, nemoguće je odrediti <FRAMESET>, koji se sastoji od samo jednog okvira.</span> </i></p> <p>Lista vrijednosti parametara ROWS i COLS oznaka <FRAMESET>je lista vrijednosti odvojena zarezima koja se može specificirati u pikselima, procentima ili relativnim jedinicama. Broj redova ili stupaca određen je brojem vrijednosti u odgovarajućoj listi. Na primjer, snimite</p> <p><FRAMESET ROWS="100,240,140"> </p> <p>definira skup od tri okvira. Ove vrijednosti su apsolutne vrijednosti piksela. Drugim riječima, prvi okvir (prvi red) je visok 100 piksela, drugi je 240 piksela, a posljednji 140 piksela.</p> <p>Postavljanje vrijednosti veličine okvira u pikselima nije baš zgodno. Ovo ne uzima u obzir činjenicu da pretraživači rade na različitim operativnim sistemima i sa različitim rezolucijama ekrana. U isto vrijeme, moguće je definirati vrijednosti apsolutne veličine za neke slučajeve, na primjer, za prikaz male slike s poznatim dimenzijama. Najbolja opcija bi bila da postavite vrijednosti u procentima ili relativnim jedinicama, na primjer:</p> <p><FRAMESET ROWS="25%,50%,25%">. </p> <p>Ovaj primjer kreira tri okvira koji su pozicionirani kao redovi po cijeloj širini ekrana. Gornji red će zauzimati 25 posto dostupne visine ekrana, srednji red će zauzimati 50 posto, a donji red će zauzimati 25 posto. Ako zbir navedenih postotaka nije jednak 100%, tada će vrijednosti biti proporcionalno skalirane tako da rezultat bude tačno 100%.</p> <p>Vrijednosti u relativnim jedinicama su sljedeće:</p> <p><FRAMESET COLS="*,2*,3*">. </p> <p>Zvjezdica (*) se koristi za proporcionalnu podjelu prostora. Svaka zvijezda predstavlja jedan dio cjeline. Zbrajanjem svih vrijednosti brojeva pored zvjezdica (ako je broj izostavljen, onda se pretpostavlja jedan), dobijamo nazivnik razlomka. U ovom primjeru, prvi stupac će zauzimati 1/6 ukupne širine prozora, drugi stupac će zauzimati 2/6 (ili 1/3), a posljednji će zauzimati 3/6 (ili 1/ 2).</p> <p>Zapamtite da numerička vrijednost bez znakova određuje apsolutni broj piksela za red ili kolonu. Vrijednost sa predznakom procenta (%) specificira udio ukupne širine (za COLS) ili visine (za ROWS) okvira za prikaz, a vrijednost sa zvjezdicom (*) specificira proporcionalnu distribuciju preostalog prostora.</p> <p>Evo primjera koji koristi sve tri opcije za postavljanje vrijednosti:</p> <p><FRAMESET COLS="100,25%,*,2*">. </p> <p>U ovom primjeru, prva kolona će biti široka 100 piksela. Druga kolona će zauzeti 25 posto cjelokupne širine okvira za prikaz, treća kolona će zauzimati 1/3 preostalog prostora, a na kraju zadnja kolona će zauzimati 2/3. Preporučuje se da se apsolutne vrijednosti prvo dodijele redom s lijeva na desno. Oni se prate <a href="https://whatsappss.ru/bs/utilities/formula-v-eksel-umnozhenie-na-odnu-yacheiku-kak-v-eksele.html">procentualne vrijednosti</a> ukupne veličine prostora. Na kraju se bilježe vrijednosti koje određuju proporcionalnu podjelu preostalog prostora.</p> <p><i><b>Savjet</b> </i></p> <p><i> <span>Ako koristite apsolutne vrijednosti COLS ili ROWS, neka budu male kako bi mogle stati u bilo koji prozor pretraživača, i dodajte ih prema potrebi. <a href="https://whatsappss.ru/bs/browser/adaptaciya-tablicy-dlya-vseh-razmerov-ekranov-povorachivat.html">najmanje</a>, jedna vrijednost, specificirana u procentima ili relativnom obliku, za popunjavanje preostalog prostora.</span> </i></p> <p>Ako se oznaka koristi <FRAMESET>, u kojem su specificirani i COLS i ROWS, kreirat će se mreža okvira. Na primjer:</p> <p><FRAMESET ROWS="*,2*,*" COLS="2*,*"> </p> <p>Ova linija HTML koda kreira mrežu okvira sa tri reda i dvije kolone. Prva i zadnja linija zauzimaju po 1/4 visine, a srednja linija polovinu. Prvi stupac zauzima 2/3 širine, a drugi - 1/3.</p> <p>Kontejner <FRAMESET> </FRAMESET> može biti ugniježđen unutar drugog sličnog kontejnera, kao što je prikazano u početnom primjeru. Razmotrimo dalje upotrebu oznake <FRAME>. </p> <p><i><b>Bilješka</b> </i></p> <p><i> <span>Neki izvori o HTML jeziku ukazuju da su parametri COLS i ROWS oznake <FRAMESET>se međusobno isključuju. Međutim, i Netscape i Microsoft Internet Explorer dozvoljavaju da se koriste zajedno.</span> </i></p> <p><b>Tag <FRAME> </b></p> <p>Tag <FRAME>definiše jedan okvir. Mora se nalaziti unutar para oznaka <FRAMESET>I</FRAMESET>. Na primjer:</p> <p><FRAMESET ROWS="*,2*"> </p> <p><FRAME> </p> <p><FRAME> </p> <p></FRAMESET> </p> <p>Imajte na umu da oznaka <FRAME>nije kontejner i za razliku od njega <FRAMESET>nema završnu oznaku. Celokupna definicija jednog okvira se radi sa jednom linijom HTML koda.</p> <p>Ima toliko oznaka za snimanje <FRAME>koliko je pojedinačnih okvira definisano prilikom navođenja oznake <FRAMESET>. U prethodnom primjeru, oznaka <FRAMESET>data su dva niza, tako da je trebalo napisati dvije oznake <FRAME>. Međutim, ovaj primjer je u suštini beskoristan, jer nijedan okvir nema sadržaj!</p> <p>Tag <FRAME>ima šest parametara: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING i NORESIZE.</p> <p><i><b>Bilješka</b> </i></p> <p><i> <span>Neki pretraživači vam omogućavaju korištenje niza dodatnih parametara oznaka <FRAME>. Pregled mogućnosti Netscape i Microsoft Internet Explorer pretraživača dat je na kraju poglavlja.</span> </i></p> <p>Evo unosa oznake: <FRAME>sa svim parametrima:</p> <p><FRAME SRC="url" NAME="window_name" SCROLLING=YES|NO|AUTO </p> <p>MARGINWIDTH="vrijednost" MARGINHEIGHT="vrijednost" NORESIZE></p> <p>U praksi u oznaci <FRAME>Rijetko se svi parametri koriste u isto vrijeme.</p> <p>Većina <a href="https://whatsappss.ru/bs/office-programs/grafika-dlya-gta-5-s-avtomaticheskoi-ustanovkoi-grand-theft-auto-v.html">važan parametar</a>- SRC (skraćenica za izvor). Vrlo često u oznaci <FRAME>specificiran je jedan SRC parametar. Na primjer:</p> <p><FRAME SRC="url">. </p> <p>Vrijednost SRC parametra određuje URL dokumenta koji će se inicijalno učitati u ovaj okvir. Obično je ova adresa naziv HTML datoteke koja se nalazi u istom direktoriju kao i glavni dokument. Tada će linija definicije okvira izgledati, na primjer, ovako:</p> <p><FRAME SRC="sample.htm">. </p> <p>Imajte na umu da svaka HTML datoteka navedena u definiciji okvira mora biti potpuni HTML dokument, a ne fragment. To znači da dokument mora imati HTML, HEAD, BODY, itd. oznake.</p> <p>Naravno, SRC vrijednost može biti bilo koji važeći URL. Ako se, na primjer, okvir koristi za prikaz GIF slike koja se nalazi na serveru izdavača ove knjige, onda bi trebalo da napišete:</p> <p><FRAME SRC="http://www.bhv.ru/example.gif">. </p> <p><i><b>Savjet</b> </i></p> <p><i> <span>Nemojte uključivati ​​nikakav sadržaj u dokument koji opisuje strukturu okvira.</span> </i></p> <p>Običan tekst, naslovi, grafike i drugi elementi ne mogu se koristiti direktno u dokumentu koji opisuje strukturu okvira. Sav sadržaj okvira mora biti definiran u zasebnim HTML datotekama, čiji su nazivi specificirani SRC parametrom oznake <FRAME>. </p> <p>Parametar NAME specificira ime okvira koje se može koristiti za upućivanje na ovaj okvir. Obično se veza postavlja iz drugog okvira koji se nalazi na istoj stranici. Na primjer:</p> <p><FRAME SRC="sample.htm" NAME="Frame_1">. </p> <p>Ovaj unos kreira okvir pod nazivom "Frame_1" koji se može referencirati. Na primjer:</p> <p>Kliknite ovdje za preuzimanje</p> <p>dokument other.htm u okvir pod nazivom Frame_1.</p> <p>Obratite pažnju na parametar TARGET, koji se odnosi na ime okvira. Ako okviru nije dato ime, kreirat će se neimenovani okvir i neće ga biti moguće referencirati iz drugog okvira. Imena okvira moraju početi alfanumeričkim znakom.</p> <p>Parametri MARGINWIDTH i MARGINHEIGHT vam omogućavaju da postavite širinu margina okvira. Ovo je napisano na sljedeći način:</p> <p>MARGINWIDTH="vrijednost",</p> <p>gdje je "vrijednost" apsolutna vrijednost u pikselima. Na primjer:</p> <p>Ovaj okvir ima margine na vrhu i dnu od 5 piksela, a na lijevoj i desnoj strani - 7 piksela. Zapamtite da ovdje govorimo o marginama, a ne okvirima. Parametri MARGINWIDTH i MARGINHEIGHT definiraju prostor unutar okvira unutar kojeg se neće nalaziti informacije. Minimalna prihvatljiva vrijednost za ove parametre je jedan.</p> <p>Okviri će automatski kreirati i prikazati trake za pomicanje ako se sadržaj okvira ne uklapa u potpunosti u dodijeljeni prostor. Ponekad ovo kvari dizajn stranice, pa bi bilo zgodno da se može kontrolirati prikaz traka za pomicanje. U ove svrhe se koristi parametar SCROLLING. Format snimanja:</p> <p><FRAME SCROLLING="YES|NO|AUTO">. </p> <p>Parametar SCROLLING može imati tri vrijednosti: DA, NE ili AUTO. AUTO vrijednost ima isti učinak kao da ne postoji parametar SCROLLING. Vrijednost YES uzrokuje pojavljivanje traka za pomicanje bez obzira na to da li su potrebne, a NE sprječava njihovo pojavljivanje. Na primjer:</p> <p><FRAME SCROLLING=YES>. </p> <p>Obično korisnik može promijeniti veličinu okvira dok gleda stranicu. Ako postavite kursor miša na okvir okvira, kursor će poprimiti oblik koji ukazuje na mogućnost promjene veličine i omogućit će vam da pomjerite okvir na željenu lokaciju. Ovo ponekad lomi strukturu lijepo dizajniranih okvira. Da biste spriječili korisnika da promijeni veličinu okvira, koristite parametar NORESIZE:</p> <p><FRAME NORESIZE>. </p> <p>Ovaj parametar ne zahtijeva nikakve vrijednosti. Naravno, kada je parametar NORESIZE postavljen za jedan od okvira, tada se ne može mijenjati ni veličina bilo kojeg od susjednih okvira. Ponekad će, ovisno o rasporedu okvira, korištenje parametra NORESIZE na jednom od okvira biti dovoljno da spriječi promjenu veličine bilo kojeg od njih na ekranu.</p> <p><b>Tag <NOFRAMES> </b></p> <p>Mogućnost rada sa okvirima nije bila predviđena ni u HTML 3.0 ni u HTML 3.2 standardu. Ovdje je do nedavno postojala prilično tipična situacija kada se stvarno korištene funkcije aktivno koriste na mnogim WWW stranicama, ali nisu dio standarda. To je značilo da pretraživači mogu legitimno ignorisati okvire. Pojavom standarda HTML 4.0 situacija se promijenila - sada je podrška za strukture okvira sadržana u standardu. Imajte na umu da je većina modernih pretraživača prepoznala okvire čak i prije pojave HTML 4.O. Međutim, potrebno je pružiti informacije korisnicima koji koriste pretraživače koji ne podržavaju okvire. Za takve pretraživače moguće je pružiti alternativne informacije koje su napisane između para oznaka <NOFRAMES>I. izgleda ovako:

</p> <p>cijeli HTML dokument</p> <p>

Sve postavljeno između oznaka I, biće prikazan u pretraživačima koji nemaju mogućnosti podrške okvira. Preglednici svjesni okvira će zanemariti sve informacije između ovih oznaka.

Imajte na umu da u stvarnom životu programeri HTML stranica često ne koriste mogućnosti oznake da kreiraju stranice bez strukture okvira, već jednostavno kreiraju dvije verzije svojih HTML dokumenata. Za ovu opciju <a href="https://whatsappss.ru/bs/browser/kak-sdelat-stranicu-startovoi-v-mozile-ustanovka-nachalnoi-stranicy-v.html">početna stranica</a> Obično vam se nudi izbor učitavanja dokumenta sa ili bez strukture okvira. Zatim, ovisno o izboru korisnika, učitava se samo jedna verzija dokumenta.</p> <p><b><span>Karakteristike opisa konstrukcija okvira</span> </b></p> <p>Jedna od najvažnijih oznaka koje se koriste pri opisivanju struktura okvira je oznaka <FRAME>. Oznaka ima niz parametara, od kojih nijedan nije obavezan niti zavisan od drugih, ali postoji niz stvari koje treba uzeti u obzir prilikom njihovog pisanja.</p> <p>Ispostavilo se da ako trebate kreirati okvir u koji se dokument kasnije može učitati, na primjer, naredbom iz drugog okvira, trebate koristiti oznaku <FRAME>napišite SRC parametar. Ako ovo</p> <p>parametar je izostavljen, okvir neće biti kreiran, iako će za njega biti ostavljen prostor. Na primjer, zapis poput <FRAME NAME="B">je sasvim logično i moglo bi definirati okvir pod nazivom "B" u koji se inicijalno ne učitava nijedan dokument. Međutim, zbog nepostojanja SRC parametra, okvir s tim imenom neće postojati, pa će daljnji pokušaji učitavanja bilo kojeg dokumenta u njega ostati neuspješni, a prostor u prozoru koji je dodijeljen ovom okviru će biti prazan. Štaviše, neki pretraživači (na primjer, Microsoft Internet Explorer verzija 3 za Windows Z.xx) će prikazati poruku o grešci i izaći kada pokušavaju učitati dokument u takav okvir.</p> <p>Zahtjev za postavljanjem SRC parametra ne može se logički objasniti, pa je najbolje uzeti u obzir ovu činjenicu. Zatim, čak i ako ne postoji dokument koji je potrebno učitati u ovaj okvir od samog početka, trebate navesti ime datoteke u SRC parametru. Na primjer, takav fajl se može nazvati empty.htm (prazno), čiji će sadržaj biti minimalno mogući ispravan HTML dokument, i to:</p> <p><HTML> </p> <p><HEAD> </p> <p></HEAD> </p> <p><BODY> </p> <p></BODY> </p> <p></HTML> </p> <p>Ovaj dokument možete svesti na dvije oznake: <HTMLX/HTML>, koji će takođe biti važeći HTML dokument. Prateći put maksimalnog smanjenja veličine „praznog” dokumenta, možete se ograničiti na datoteku čija je veličina jednaka jednom bajtu, u kojoj se pohranjuje razmak (ili bilo koji drugi znak koji se ne može prikazati). Ova datoteka neće biti važeći HTML dokument, ali neće uzrokovati probleme s većinom pretraživača. Dalje smanjenje veličine takve datoteke na nulu nije opravdano, jer kada je učita Netscape pretraživač, on će prikazati poruku upozorenja (slika 5.4) da dokument ne sadrži podatke.</p> <span> <img src='https://i0.wp.com/webnav.ru/books/html4/frames/08.gif' height="119" width="332" loading=lazy loading=lazy></span> <p><i><b>Rice. 5. <span>4 . </b> Poruka upozorenja prilikom učitavanja datoteke nulte dužine</span> </i></p> <p>Istovremeno, na <a href="https://whatsappss.ru/bs/security/akkompanirovat-otpravit-kopiyu-na-moi-e-mail-avtomaticheskaya-otpravka-kopii.html">ovu poruku</a> potrebno je da reagujete pritiskom na taster <Enter>ili dugme miša. Svaki put kada se dokument ponovo učita ili promijeni veličina prozora pretraživača, poruka će se ponovo pojaviti.</p> <p>Možete odrediti i naziv nepostojeće datoteke, ali će u tom slučaju Netscape pretraživač prikazati poruku upozorenja (slika 5.5), koja neće spriječiti dalji rad, ali će dovesti do sličnih neugodnosti.</p> <span> <img src='https://i0.wp.com/webnav.ru/books/html4/frames/09.gif' height="139" width="314" loading=lazy loading=lazy></span> <p><i><b>Rice. 5. <span>5 . </b> Poruka upozorenja pri pokušaju preuzimanja nepostojeće datoteke</span> </i></p> <p><i><b>Savjet</b> </i></p> <p><i> <span>Kreirajte datoteku pod nazivom empty.htm koja je veličine jednog bajta i sadrži znak za razmak. Neka to postane pravilo kada pišete tag <FRAME>uvijek navedite SRC=empty.htm ako je nemoguće odmah navesti ime određene datoteke.</span> </i></p> <p>Primjeri okvira</p> <p>Ovaj odjeljak pruža neke tipične primjere definicija okvira.</p> <p>Vratimo se na primjer dat na početku ovog odjeljka (slika 5.3). Ovaj primjer koristi ugniježđenu strukturu <FRAMESET>. Eksterna oznaka <FRAMESET>kreira tri reda visine, odnosno 25, 50 i 25 posto ukupne visine okvira za prikaz:</p> <p><FRAMESET ROWS="25%,50%,25%">. </p> <p>Unutar ovog opsega definicije, prvi i posljednji red su jednostavni okviri:</p> <p><FRAME SRC="header.htm"> <FRAME SRC="footer.htm"> </p> <p>Svaka od ovih linija ispunjava cijelu širinu ekrana. Prvi red na vrhu ekrana zauzima 25 posto visine, a treći red na dnu također 25 posto visine. Međutim, između njih postoji ugniježđena oznaka <FRAMESET>: </p> <p><FRAMESET COLS="25%,75%"> </p> <p><FRAME SRC="list.htm"> </p> <p><FRAME SRC="info.htm"> </p> <p></FRAMESET> </p> <p>Ova oznaka definira dvije kolone u koje je podijeljen srednji red ekrana. Red koji sadrži ove dvije kolone zauzima 50 posto visine ekrana, kako je definirano u vanjskoj oznaci <FRAMESET>. Lijeva kolona koristi 25 posto širine ekrana, dok desna kolona zauzima preostalih 75 posto širine.</p> <p>Okviri za ove kolone su definisani unutar ugniježđenog para oznaka <FRAMESET>I</FRAMESET>, dok je definicija okvira za prvi i zadnji red napisana izvan ovog para, ali unutar vanjskog <FRAMESET>odgovarajućim redosledom.</p> <p>Strukturu zapisa je lako razumjeti ako o njoj razmišljate kao o ugniježđenom bloku <FRAMESET>kao poseban element <FRAME>. U našem primjeru, vanjska oznaka <FRAMESET>definiše tri linije. Svaki od njih mora biti popunjen. U ovom slučaju, prvo se popunjavaju posebnim elementom <FRAME>, zatim - kao ugniježđeni blok <FRAMESET>dva stupca širine, a zatim još jedan element <FRAME>. </p> <p>Sada se može postaviti pitanje da li vrijednost parametra SRC oznake može biti <FRAME>postavite ime datoteke, koje zauzvrat sadrži opis strukture okvira. Da, ovo je prihvatljivo. U ovom slučaju oznaka <FRAME>će se koristiti za ukazivanje na HTML dokument koji je struktura okvira i koristi se kao poseban okvir.</p> <p>Vratimo se na primjer i zamijenimo ugniježđeno <FRAMESET>na zasebno <FRAME>. Naravno, trebat će vam dvije HTML datoteke umjesto jedne, budući da su ugniježđene <FRAMESET>sada će se nalaziti u posebnom dokumentu. Evo sadržaja prve (eksterne) datoteke:</p> <p><HTML> </p> <p><HEAD> </p> <p></HEAD> </p> <p><FRAMESET ROWS="25%,50%,25%"> </p> <p><FRAME SRC="header.htm"> </p> <p><FRAME SRC="frameset.htm"> </p> <p><FRAME SRC="footer.htm"> </p> <p></FRAMESET> </p> <p><NOFRAMES> </p> <p>Vaš pretraživač ne može prikazati okvire</p> <p>

Druga datoteka, pod nazivom frameset.htm, sadrži sljedeći kod:

U ovom slučaju, gornja i donja linija se ponašaju isto. Ali drugi red je sada jednostavan okvir poput ostalih. Međutim, datoteka frameset.htm na koju ukazuje SRC parametar definira vlastitu strukturu okvira. Kao rezultat, ekran će se prikazati potpuno isto kao u originalnom primjeru.

Bilješka

U principu je moguće kreirati ugniježđene strukture , koristeći oznake , koji se odnose na istu datoteku koja opisuje strukturu okvira, ali to ne bi trebalo raditi. Ova situacija će dovesti do beskonačne rekurzije i neće dozvoliti dalji rad. Neki pretraživači kontrolišu ovu situaciju i sprečavaju mogućnost kvara. Ako adresa upisana u SRC odgovara jednoj od prethodnih adresa u hijerarhiji okvira, tada se ignorira, kao da SRC parametar uopće nije prisutan.

Savjet

Korištenje ugniježđenih struktura u raznim kombinacijama, moguće je kreirati gotovo svaku zamislivu mrežu okvira. Međutim, ne zaboravite da kreirate korisničko sučelje, a ne samo da pokažete svoju sposobnost rada sa okvirima.

Evo primjera kreiranja pravilne pravokutne mreže okvira:

Ovaj primjer kreira mrežu okvira sa dva reda i tri stupca (slika 5.6). Kako je definiran skup od šest okvira, potrebno je definirati i šest pojedinačnih okvira . Imajte na umu da su definicije okvira date red po red. To jest, prva oznaka definira sadržaj prve kolone u prvom redu, druga definira sadržaj druge kolone, a treća završava definiranje podataka za posljednju kolonu prvog reda. Posljednja tri okvira tada popunjavaju kolone drugog reda.

Rice. 5. 6 . Mreža okvira 2x3

Imajte na umu i da zbir procentualnih vrijednosti u COLS parametru nije 100, već samo 90 posto. U tome nema ništa loše, jer će pretraživač automatski proporcionalno promijeniti širinu kolona kako bi eliminirao ovu kontradikciju.

Značajke navigacije pri korištenju okvira

Rad sa dokumentima koji imaju strukturu okvira ima neke karakteristike koje morate znati. Ove karakteristike JB-a se uglavnom manifestuju u navigaciji prilikom učitavanja dokumenata. Značajne razlike u navigaciji karakteristične su ne samo za različite pretraživače, već i za različite pretraživače različite verzije isti pretraživač.

Verzije Netscape pretraživača 3.x i 4.x, kada kliknete na dugme Nazad, vraća dokument nazad u okvir koji je poslednji put izvršen. Iste radnje će se izvršiti ako se izabere stavka Nazad prilikom pozivanja kontekstnog menija u bilo kojem od okvira. Podsjetimo da se kontekstni meni poziva klikom na desnu tipku miša. Dakle, bez obzira u kom okviru je kontekstni meni pozvan, pritiskom na dugme Nazad poništiće se poslednja operacija, čak i ako je izvršena u drugom okviru.

Netscape 2.x pretraživač je radio potpuno drugačije. Kontekstni meni sadrži naredbu Back in Frame, koja vraća dokument u trenutni okvir umjesto da poništava posljednju operaciju.

U bilo kojoj verziji Netscapea, možete označiti dokument koji se nalazi u odabranom okviru. Da biste to uradili, potrebno je da izaberete režim Dodaj obeleživač iz gore pomenutog kontekstnog menija. Ako jednostavno odaberete mod Add Bookmark iz glavnog menija pretraživača, na dokumentu će se napraviti bookmark s opisom strukture okvira , koji neće tačno ukazivati ​​na određeni okvir. Mogućnost kreiranja obeleživača na dokumentu zasebnog okvira ne znači da će se ista struktura okvira pojaviti kada nastavite da koristite ovaj obeleživač. Dokument na koji ukazuje oznaka biće učitan u ceo prozor izvan strukture okvira.

Interakcija između okvira

Najjednostavniji oblik pregleda informacija na WWW-u sastoji se od čitanja stranica i praćenja veza, pri čemu je trenutni dokument u prozoru pretraživača zamijenjen drugim dokumentom. Kada radite s okvirima, možete organizirati shemu učitavanja dokumenata koja je lakša za korisnika.

Interakcija između okvira je mogućnost učitavanja dokumenata u odabrani okvir korištenjem naredbi iz drugog okvira. U tu svrhu se koristi parametar oznake TARGET<А>. Ovaj parametar specificira naziv okvira ili prozora pretraživača u koji će se učitati dokument na koji ukazuje ova veza. Podrazumevano, ako ne postoji parametar TARGET, dokument se učitava u trenutni okvir (ili prozor). Ova zadana vrijednost se može poništiti navođenjem oznake sa željenom vrijednošću parametra TARGET. Određivanje imena podrazumevanog okvira za učitavanje je veoma korisno kada veliki broj veza treba da usmeri dokumente na određeni okvir. Tipična situacija sa sadržajem u jednom okviru, linkovima iz kojih se učitavaju odgovarajući dokumenti u susedni okvir, prikazana je na početku ovog poglavlja (slika 5.1). Za ovaj primjer u odjeljku datoteku pod nazivom LIST.htm, preporučljivo je napisati sljedeći red: . U suprotnom, morali biste specificirati TARGET parametar za svaku vezu.

Nazivi okvira moraju početi latiničnim slovom ili brojem. Ime može biti ime postojećeg prozora ili okvira, ili se može navesti novo ime pod kojim će se otvoriti novi prozor. Postoje četiri rezervirana imena koja izvode posebne radnje kada su specificirane. Ova imena počinju donjom crtom (_): "_blank", "_self", "_parent" i "_top". Bilo koje drugo ime koje počinje donjom crtom nije važeće.

TARGET="_blank" - osigurava da se dokument učita u novi prozor. Ovaj prozor neće imati ime, pa stoga neće biti moguće učitati drugi dokument u njega.

TARGET="_self" - dokument će biti učitan u trenutni okvir (ili prozor). Ovaj unos treba koristiti za zaobilaženje zadane vrijednosti specificirane oznakom .

TARGET="_top" - uzrokuje da se dokument učita u cijeli prozor. Ako je dokument već u punom prozoru, tada ova vrijednost ima isti učinak kao"_self".

TARGET="_roditelj" - uzrokuje da se dokument učita u područje koje zauzima roditeljski okvir trenutnog okvira. Ako nema roditeljskog okvira, ova vrijednost parametra ima isti učinak kao"_top" .

Bilješka

Neki HTML izvori pogrešno navode da ako okvir nema roditelja, vrijednost "_parent" je ekvivalentna "_self". Ova izjava nije uvijek tačna.

Upozorenje

Rezervirani nazivi okvira "_blank", "_self", "_parent" i "_top" moraju biti napisani malim latiničnim slovima. Imajte na umu da je takva zahtjevnost jedinstvena za Netscape. Microsoft Internet Explorer ispravno prepoznaje rezervirana imena napisana u svakom slučaju.

Evo primjera interakcije između okvira i pojedinačnih prozora pretraživača. Razmotrite sljedeći HTML kod:

Korišćenje okvira

Ovaj HTML dokument opisuje strukturu koja se sastoji od tri okvira pod nazivom "A", "B" i "C". Nazivi okvira će biti potrebni kasnije za organiziranje veza između okvira. Imajte na umu da okvir pod nazivom "A" in u ovom primjeru neće biti referenci, tako da je moglo i ostati bez imena. Kada učitate gornji dokument u pretraživač, okviri će prikazati informacije sadržane u datotekama identificiranim SRC parametrom. Okvir "A" će primiti sadržaj datoteke frame_a.htm, a preostala dva okvira će primiti podatke iz datoteke empty.htm, koja nema podataka za prikaz. Podsjetimo još jednom da HTML dokument koji opisuje strukturu okvira nema odjeljak .

Evo teksta datoteke pod nazivom frame_a.htm:

Dokument za okvir A

D

4. Učitavanje dokumenta u novom prozoru

5. Učitavanje dokumenta u punom prozoru

6. Učitavanje dokumenta u trenutni okvir

Ovaj dokument je kompletan HTML dokument sa sekcijama I i, zauzvrat, ima veze do datoteke pod nazivom test.htm, koja se nalazi u istom direktoriju kao i datoteka frame_a.htm.

Tekst datoteke test.htm je izuzetno jednostavan:

Test dokument

Testirajte tekst dokumenta

Datoteka frame_a.htm, čiji je sadržaj učitan u okvir "A", ima šest veza do iste datoteke test.htm sa različitim vrijednostima za TARGET parametar.

Razmotrimo radnje koje će se dogoditi prilikom implementacije ovih veza. Prva veza sa vrijednošću TARGET="B" će učitati datoteku test.htm u okvir pod nazivom "in". Imajte na umu da će nakon implementacije bilo koje od šest veza, Netscape pretraživač automatski obojati svih šest u drugu boju, pošto ukazuju na isti fajl. Microsoft Internet Explorer označava samo veze koje su stvarno implementirane.

Druga veza će učiniti isto za okvir "C". U početku, u okvirima “B” i “C” nema ništa (tačnije, učitava se sadržaj prazne datoteke empty.htm). Implementacija prve i druge veze će popuniti ove okvire.

Treći link sa vrijednošću TARGET=MD" će dovesti do formiranja novog prozora pretraživača pod nazivom "D" i učitavanja test.htm datoteke u njega. Imajte na umu da se oblik pisanja ovog linka ne razlikuje od prvog 2. Razlika je u tome što su u prvom U dva slučaja date reference na postojeće okvire, čiji su nazivi definisani u datoteci sa strukturom okvira, au ovom slučaju referenca je data na nepostojeći objekt. ova referenca se napravi barem jednom, tada će se kreirati prozor sa imenom "D" i ponovnim klikom na link samo će se ponovo učitati podaci u sada postojeći prozor "D". Naravno, korisnik ga može zatvoriti bilo kada vrijeme i ponovo ga kreirajte odabirom ove veze.Slika 5.7 prikazuje situaciju nakon implementacije prve tri veze.Podsjetimo da lokaciju i veličinu prozora na ekranu određuje korisnik.

Rice. 5. 7 . Situacija je nastala nakon sekvencijalne implementacije prve tri veze dostupne u lijevom okviru

Peti link sa vrijednošću TARGET="_top" će učitati dokument u cijelom prozoru umjesto cijele strukture okvira. Sa ovom vrijednošću parametra TARGET, novi prozor se ne kreira. Povratak na strukturu okvira moguć je klikom na dugme Nazad.

Bilješka

Nazive okvira ili prozora pretraživača ne treba miješati s nazivima preuzetih dokumenata. Nazivi okvira nisu nigdje vidljivi kada se gledaju, oni su potrebni samo za organizaciju interakcije i stoga su skriveni od korisnika. Možete ih vidjeti samo kada pregledate izvorni tekst HTML datoteka.

Savjet

Podsjetimo da su nazivi preuzetih dokumenata navedeni tagom . Ako je dokument učitan u punom prozoru, njegovo ime se prikazuje na samom vrhu prozora pretraživača. Ako se dokument učita u okvir, tada se njegovo ime nigdje ne prikazuje, a naslov dokumenta koji sadrži opis strukture okvira dokumenta i dalje će se nalaziti u gornjem dijelu prozora. Stoga, nazivi dokumenata koji su namijenjeni za pregled u okvirima nisu od velike važnosti. Na primjer, na sl. 5.7 isti dokument se učitava u okvire “B” i “C”, kao i u poseban prozor pod nazivom “D”, dok je naziv dokumenta vidljiv samo u prozoru “D”. Međutim, teško je preporučljivo izostaviti nazive dokumenata učitanih u okvire, jer se oni mogu pojaviti, na primjer, na listi Bookmarks kada kreirate oznaku za dokument koji se nalazi u okviru ili listu pregledanih dokumenata.</span> </i></p> <p>Pogledajmo još jedan zanimljiv primjer organiziranja interakcije između okvira i prozora pretraživača. Neka postoji tekst glavnog učitanog HTML dokumenta:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Korištenje naziva prozora

Dokument sa strukturom okvira u novi prozor

Korišćenje okvira

Imajte na umu da ako je glavni dokument standardni HTML dokument, onda datoteka frame.htm učitana sa veze iz glavnog dokumenta sadrži strukturu okvira i zauzvrat veze na prazni.htm fajl.

Nakon učitavanja glavnog dokumenta, prozor pretraživača će izgledati kao na slici. 5.8 (lijevi prozor). Cijeli dokument se sastoji od dvije veze. Pratimo prvi link. Kreiraće se novi prozor sa imenom “D” u kojem će se pojaviti tekst datoteke test.htm (slika 5.8, desni prozor). Ponavljanje ove veze samo će ponovo učitati podatke u prozoru "D".

Rice. 5.8. Primjer prozora okvira u interakciji

Pratimo drugu vezu. Formiraće se novi prozor bez imena, u koji će biti učitana datoteka frame.htm, definišući dva okvira sa imenima “C” i “D” (Sl. 5.8, donji prozor). U oba okvira nema ništa (tačnije, učitava se prazan dokument empty.htm). Obratite pažnju da sada postoji otvoren prozor pod nazivom "D" i prozor sa okvirima, od kojih se jedan takođe zove "D". Idemo ponovo na prvu vezu. Za razliku od prvog slučaja, podaci se neće učitavati u prozor „D“, već u okvir pod nazivom „D“. Rezultat svih opisanih radnji prikazan je na Sl. 5.8.

Bilješka

Izgled otvaranja prozora i njihov sadržaj ponekad čak može zavisiti i od redosleda radnji korisnika. Rad sa dokumentima čije je ponašanje teško predvidjeti obično izaziva opravdanu iritaciju kod korisnika i ukazuje na nedostatak promišljenosti u strukturi podataka od strane programera.

Ako promijenite redoslijed radnji, tj. prvo izvršite drugu vezu, a zatim prvu, onda se prozor pod nazivom “D” uopće neće pojaviti! Ovo će se dogoditi jer će se nakon implementacije druge veze kreirati okvir pod nazivom "D" i neće biti potrebe za otvaranjem novog prozora za prvi link.

Ovaj primjer uopće nije uzor, već samo pokazuje moguću složenost organizacije interakcije. Naprotiv, trebali biste se truditi da ne komplikujete nepotrebno organizaciju podataka, a još manje da stvarate situacije u kojima se rezultat mijenja ovisno o redoslijedu radnji korisnika.

Savjet

Izbjegavajte kolizije u imenima okvira i prozora. Iako formalno nije zabranjeno imati okvire sa istim imenom, to može dovesti do zabune.

Upozorenje

Imena okvira i prozora se upoređuju na način koji razlikuje velika i mala slova. Tako će, na primjer, okviri pod nazivom "frame_1" i "Frame_1" biti različiti.

Primjeri složenijih interakcija između okvira

Iznad su razmotreni prilično jednostavni tipični primjeri interakcije između okvira. Razmatrani su zadaci kreiranja novih prozora, zamjene sadržaja pojedinačnih okvira, kao i prikazivanja dokumenta u punom prozoru uz uništavanje cjelokupne strukture okvira. Navedeni su primjeri korištenja prilagođenih naziva okvira, kao i rezerviranih imena "_blank", "_self" i "_top". Korištenje posljednjeg rezerviranog imena "_parent" je složenije i bit će opisano u nastavku.

Ovaj odjeljak će razmotriti složenije opcije za interakciju između okvira. Posebno će biti implementirana zamjena sadržaja nekoliko susjednih okvira.

Jedna od najčešćih upotreba okvira, koja je već spomenuta u ovom poglavlju, je slučaj dva okvira, od kojih jedan sadrži listu veza, a drugi sadrži same dokumente (slika 5.1).

Pokušajmo proširiti formulaciju problema. Pretpostavimo da želite da na ekranu prikažete sadržaj prilično velikog dokumenta koji se sastoji od poglavlja podeljenih u sekcije. Tipičan primjer je tehnička literatura o određenoj temi. Hajde da opišemo željenu prezentaciju takvog dokumenta na ekranu. Podijelimo ekran na tri okvira, od kojih će jedan sadržavati listu poglavlja knjige, drugi - listu odjeljaka odabranog poglavlja, a treći - tekst odabranog odjeljka. Kada odaberete vezu u drugom okviru, sadržaj trećeg okvira bi se trebao promijeniti. Implementacija ovog zahtjeva je trivijalna. Kada odaberete vezu u prvom kadru, sadržaj i drugog i trećeg okvira trebao bi se promijeniti istovremeno. Na prvi pogled, implementacija ovog zadatka u HTML-u je nemoguća (bez programiranja u JavaScript-u ili drugim), jer se prilikom izvršavanja veze učitava samo jedan dokument, a ne dva ili više. Ipak, rješavanje ovog problema je sasvim moguće.

Pokažimo moguće rješenje takvog problema na jednostavnom primjeru. Pretpostavimo da želite da prikažete tri okvira na ekranu i učitate neke dokumente u njih. Postavimo zadatak kreiranja linkova u svakom od ovih okvira, čija je implementacija, na primjer, zamijenila sadržaj dva okvira. Neka prvi okvir zauzme 50% širine prozora i 100% njegove visine i postavite ga na lijevu stranu prozora. Desna polovina prozora je također horizontalno podijeljena na pola i sadrži još dva okvira. Ova struktura je opisana sljedećim kodom:

Korištenjem ovog HTML koda kreirat će se potrebna struktura, ali rješavanje problema je nemoguće. Potrebno je ukloniti ugniježđenu strukturu u zasebnu datoteku i u ovom HTML kodu opišite okvir koji se odnosi na kreiranu datoteku. Tada će tekst izvornog dokumenta izgledati ovako:

Primjer interakcije između okvira

Kreiran fajl sa ugniježđenom strukturom ima naziv 1_2.htm i sadrži sljedeći kod:

1-2

Na prvi pogled ništa se nije promijenilo. U oba slučaja postoje tri okvira u koje se učitavaju dokumenti left.htm, 1.htm i 2.htm. Međutim, kada okviri stupe u interakciju, razlika će se pojaviti. Ako u prvom slučaju nijedan okvir nema roditeljski okvir, onda će u drugom slučaju za dva okvira roditelj biti okvir pod nazivom "Two_Frames". Stoga, ako u bilo kojem od dva okvira primijenite vezu s vrijednošću TARGET parametra jednakom "_parent", tada će rezultat biti drugačiji za prvi i drugi slučaj. U prvom slučaju, implementacija takve veze će učitati dokument u cijeli prozor, zamjenjujući postojeću strukturu okvira. Ovdje dolazi u igru ​​svojstvo vrijednosti "_parent", koje se ponaša kao "_top" u odsustvu roditeljskog okvira. U drugom slučaju, okvir pod nazivom "Two_Frames" će biti zamijenjen, koji zauzima desnu polovinu ekrana i u suštini se sastoji od dva okvira.

Drugi slučaj se formalno razlikuje od prvog i prisustvom okvira pod nazivom "Two_Frames" na koji se mogu uputiti. Upravo ova karakteristika će nam omogućiti da riješimo problem.

Evo sadržaja datoteke left.htm, koja se inicijalno učitava u prvi okvir koji se razmatra:

Lijevi okvir

dokumenta u dva okvira koji se nalaze na desnoj strani prozora.

Odaberite opciju lokacije dokumenta:

1 _2.htm" TARGET="Two_Frames">Opcija 1-2

Opcija 2-1

2-1<TITLE> </p> <p></HEAD> </p> <p><FRAMESET ROWS="*,*"> </p> <p><FRAME SRC="2.htm"> </p> <p><FRAME SRC="1.htm"> </p> <p></FRAMESET> </p> <p></HTML> </p> <p>Imajte na umu da se tekst datoteka 1_2.htm i 2_1.htm razlikuje samo po redoslijedu veza do datoteka 1.htm i 2.htm.</p> <p>Razmotrimo sada konstrukciju dokumenta učitanog u lijevi okvir. Sadrži dvije veze sa parametrom TARGET="Two_Frames". Implementacija bilo koje od ovih veza kreira dva okvira na lokaciji okvira “Two_Frames” (ovo je desna polovina ekrana), učitavajući dokumente 1.htm i 2.htm ovim ili onim redosledom. Dakle, pri odabiru opcije 1-2, dokument 1.htm se učitava u gornji desni okvir, a 2.htm u donji desni okvir. Kada odaberete opciju 2-1, redoslijed dokumenata se mijenja. Kao rezultat toga, naizmjenični izbor opcija stvara utisak da se dokumenti u dva okvira mijenjaju. Upravo to je efekat koji smo nastojali postići (slika 5.9).</p> <p>Sadržaj dokumenata 1.htm i 2.htm nije bitan za opisani primjer. Međutim, na primjer, umjesto trivijalnih dokumenata, kreiraćemo dokumente sa linkovima koji implementiraju iste radnje.</p> <p>Tekst fajla 1.htm:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Dokument 1

Dokument 1

Opcija 1 -2

Opcija 2-1

Datoteka 2.htm se razlikuje od 1.htm samo u zaglavlju.

Postoje dvije veze sa vrijednošću TARGET="_parent" koje upućuju na roditeljski okvir. Ove veze također mogu biti napisane sa eksplicitnim imenom roditeljskog okvira, tj. TARGET="Two_Frames", ali korištenje implicitnog imena je obično zgodnije. Na primjer, ako izuzmete veze iz lijevog okvira (dokument left.htm), možete izostaviti ime okvira "Two_Frames" navedeno kada opisujete strukturu glavnog okvira. Ovo bi stvorilo okvir bez imena, ali veze iz dokumenata 1.htm i 2.htm sa TARGET="_parent" će i dalje raditi ispravno.

Savjet

Kad god je moguće, koristite implicitno imenovanje okvira. Na primjer, "roditelj", "vrh", "self" umjesto specificiranja specifičnih imena.


Rice. 5.9. Interakcija okvira prozora s efektom promjene učitanih dokumenata

Razlika između okvira i prozora pretraživača

Kada radite sa okvirima, postavlja se pitanje fundamentalne razlike između organizovanja strukture okvira prozora pretraživača i kreiranja više prozora. Na prvi pogled može izgledati da biste mogli da se snađete sa mogućnošću kreiranja više prozora, budući da je rad sa prozorima i okvirima veoma sličan. Svaki okvir zahtijeva učitavanje zasebnog dokumenta, ima mogućnost samostalnog pomicanja sadržaja i može se mijenjati naredbama iz drugih okvira. Ova svojstva okvira su slična onima u prozorima pretraživača. Sa tabelarnom organizacijom podataka nemoguće je postići takvu slobodu djelovanja.

Međutim, postoji značajna razlika između okvira i prozora. Kod organizacije okvira, podjelu područja gledanja na okvire vrši sam HTML dokument, navodeći dimenzije i njihovu lokaciju. Prilikom pregleda, korisnik može promijeniti veličinu okvira, osim ako je to zabranjeno u opisu njihove strukture. Raspored prozora je određen opštim pravilima rada sa Windows sistemom - korisnik može proširiti bilo koji prozor na ceo ekran, minimizirati ga u ikonu ili proizvoljno podesiti njegovu veličinu i lokaciju. Prozori se, za razliku od okvira, mogu preklapati. Ovo bogatstvo izbora ima svoju lošu stranu - morate svaki put ručno pozicionirati prozore na ekranu i promijeniti im veličinu kako biste postigli optimalnu opciju gledanja. U slučaju okvira, optimalni omjer veličine obično specificira programer u opisu strukture okvira i često ga nije potrebno mijenjati.

Savjet

Iako okviri ne mogu pružiti sve mogućnosti za rad sa pojedinačnim prozorima, njihova racionalna organizacija će stvoriti maksimalnu pogodnost za korisnika.

Rad sa prozorima ima i druge nedostatke. Kreiranje svakog prozora zahtijeva puno memorije. U Netscapeu, svaki prozor je u suštini još jedna kopija pretraživača, zajedno sa punim skupom dugmadi i menija. Ista situacija je tipična za Microsoft Internet Explorer.

Imajte na umu da se organizacija pojedinačnih prozora u pretraživačima radi drugačije. Kreiranje novog prozora sa dokumentom rezultira pojavom posebnog zadatka u Windows sistemu, kao što možete vidjeti kada pregledate listu pokrenutih zadataka. Stoga se prebacivanje između prozora može obaviti na isti način kao i prebacivanje između različitih zadataka, na primjer pritiskom na prečicu na tastaturi +.

Mnoge popularne Windows aplikacije imaju koncept prozora dokumenta. Primjeri uključuju Microsoft Word procesor teksta ili grafički program Paint Shop Pro i mnoge druge. Svaka od ovih aplikacija omogućava istovremenu upotrebu više prozora sa podacima i, po pravilu, postoji meni Window, koji daje listu prozora i daje mogućnost prebacivanja između njih. Kreiranje novog prozora u takvim aplikacijama obično se događa prilikom otvaranja postojeće datoteke ili kreiranja nove. Međutim, u ovim programima, kada se kreira novi prozor, novi pokrenuti zadatak se ne kreira.

Netscape takođe ima meni Window koji navodi postojeće prozore. (U verzijama Netscapea 4.x, ovu funkciju pruža stavka Window u meniju Communicator.) Vratimo se na Sl. 5.8. U ovom primjeru, tri prozora su otvorena u isto vrijeme, od kojih je svaki u suštini zaseban pretraživač. Međutim, za korisnika su to svi prozori istog pretraživača koji mogu međusobno komunicirati. U bilo kojem od ovih prozora možete otvoriti meni Prozor i vidjeti listu od tri prozora. Na sl. Slika 5.10 prikazuje situaciju kada se to radi za donji prozor.

Rice. 5.10. Otvaranje okvira Windows u Netscape pretraživaču

Svaki prozor se može zatvoriti zasebno (koristeći naredbu Zatvori iz menija Datoteka). Da biste završili rad sa pretraživačem u bilo kom prozoru, možete otvoriti meni Datoteka i izabrati Izađi (slika 5.11).

Ako je bilo otvoreno nekoliko prozora, svi će se zatvoriti, ali prije toga će se pojaviti poruka upozorenja (slika 5.12).

Svaki prozor pretraživača može imati svoje postavke (iako ne sve). Pogledajte sl. 5.11. Dva prozora su otvorena, od kojih je jedan podijeljen u tri okvira. Isti dokument se učitava u dva od tri okvira, kao iu posebnom prozoru. Mogućnost nezavisnog konfigurisanja parametara svakog prozora omogućava vam da različito prikažete isti dokument. U gornjem primjeru, veličina fonta dokumenta u jednom prozoru je veća nego u drugom. Ovaj efekat se postiže postavljanjem različitih kodiranja za svaki prozor (stavka Kodiranje dokumenta u meniju Opcije ili stavka Set znakova u meniju Prikaz za verziju 4.x), pri čemu oba kodiranja koriste isti font, ali različite veličine. Promjena bilo koje stavke u meniju General Preferences utiče na sve prozore.

Rice. 5.11. Napuštanje Netscape pretraživača

Rice. 5.12. Upozorenje o zatvaranju prozora u Netscape pretraživaču

Dodatne funkcije pretraživača

Sve gore navedene oznake opisa okvira sa odgovarajućim parametrima implementirane su gotovo identično u Netscape i Microsoft Internet Explorer pretraživačima, međutim, svaki od ovih pretraživača vam omogućava da dodatno koristite svoje jedinstvene oznake ili parametre.

Karakteristike Netscape pretraživača

Netscape pretraživač, počevši od verzije 3.0, dozvoljava tri dodatne opcije: BORDER, FRAMEBORDER i BORDERCOLOR. Parametar BORDER se odnosi samo na oznaku . Vrijednost parametra BORDER određuje debljinu granica između okvira u pikselima.

Parametar FRAMEBORDER se može koristiti i u oznaci , i u oznaci i određuje prisustvo okvira između okvira. Ovaj parametar može biti Da ili NE. Ako je parametar upisan u tag , tada se njegov učinak primjenjuje na sve okvire u ovoj grupi. Za pojedinačni okvir, vrijednost se može nadjačati. Zadana vrijednost je Da.

Imajte na umu da parametri BORDER i FRAMEBORDER rade nezavisno jedan od drugog. Na primjer, ako je FRAMEBORDER postavljen na NE, a BORDER je postavljen na vrijednost različitu od nule, tada granica između okvira neće biti nacrtana, ali će prostor specificiran vrijednošću parametra BORDER i dalje biti dodijeljen za to.

Parametar BORDERCOLOR se može koristiti kao u oznaci , i u oznaci i definira boju ivice, koja se može specificirati imenom boje ili njenim heksadecimalnim prikazom.

Evo primjera:

Prvi red ovog HTML koda specificira tri okvira, sa razmakom između njih za okvir debljine 10 piksela (slika 5.13).

Rice. 5.13. Crtanje granica između okvira u Netscape pretraživaču

Između prozora okvira "A" i "B", okvir se ne crta zbog NO vrijednosti parametra FRAMEBORDER, međutim, crvena boja je definirana za okvir. Za posljednji okvir "c", vrijednost FRAMEBORDER je postavljena na Da i nadjačava vrijednost postavljenu u prvom redu. Stoga će između okvira pod nazivom “B” i “C” i dalje biti nacrtan crveni okvir debljine 10 piksela.

Bilješka

Ako granice između okvira nisu nacrtane, Netscape pretraživač neće dozvoliti promjenu veličine okvira povlačenjem pomoću miša, čak i bez parametra NORESIZE. Za Microsoft Internet Explorer situacija je drugačija.

Imajte na umu da se okviri bez ivica ne koriste vrlo rijetko. Treba imati na umu da odsustvo okvira ne sprječava pojavu traka za pomicanje (slika 5.14).

Rice. 5.14. Trake za pomicanje u okviru bez granica

Karakteristike preglednika Microsoft Internet Explorer

Pregledač Microsoft Internet Explorer vam omogućava da koristite parametar FRAMEBORDER za iste svrhe kao što je gore opisano, ali vam ne dozvoljava da postavite boju i debljinu okvira. Međutim, samo numerička vrijednost "O" može se koristiti kao vrijednost za parametar FRAMEBORDER za poništavanje crtanja okvira ili brojčana vrijednost različita od nule za crtanje okvira.

Razlika u pravilima za postavljanje vrijednosti parametra FRAMEBORDER za različite preglednike je vrlo neugodna. Pokušajte, na primjer, postaviti FRAMEBORDER=Da. Ovaj unos je ispravan za Netscape, ali za Microsoft Internet Explorer će rezultirati odsustvom okvira. Prethodni primer (slika 5.13) kada se gleda u Microsoft Internet Explorer-u biće predstavljen bez okvira.

Savjet

Preporučuje se da vrijednost parametra FRAMEBORDER uvijek zapišete u numeričkom obliku, na primjer, FRAMEBORDER=0. Ovo prati pravila za pisanje parametra za Microsoft Internet Explorer, ali krši pravila za Netscape (iako ga ovaj drugi ispravno percipira).

Bilješka

Ako okviri između okvira nisu nacrtani, tada će preglednik Microsoft Internet Explorer (za razliku od Netscapea), u nedostatku parametra NORESIZE, omogućiti da "dodirnete" promijenite veličinu okvira prevlačenjem okvira mišem. Možete pronaći mjesto gdje bi okvir trebao biti promjenom oblika pokazivača miša.

Microsoft Internet Explorer pretraživač dozvoljava upotrebu dodatnog parametra FRAMESPACING upisanog u oznaku , čija vrijednost određuje broj piksela između okvira koji će ostati prazni.

Navedimo primjer, čiji je rezultat prikaza prikazan na Sl. 5.15.

Promjena udaljenosti između okvira


Rice. 5.15. Prazan prostor između okvira u Microsoft Internet Exploreru

Bilješka

Nažalost, mnogi opisi HTML jezika pogrešno navode da se parametar FRAMESPACING mora koristiti u oznaci . Microsoft Internet Explorer dozvoljava samo da se ovaj parametar koristi u oznaci .

Plutajući okviri

Microsoft Internet Explorer pretraživač dozvoljava upotrebu jedinstvene oznake . U TEGS

Microsoft Internet Explorer je prvi pretraživač (i za sada jedini) koji podržava takozvane "plutajuće" okvire.

Ovi okviri se mogu postaviti bilo gdje na ekranu, baš kao grafike i tabele.

Okvir desno od ovog teksta postavlja se na stranicu pomoću posebne oznake

Glavna razlika između