itthon › Hasznos › Keretek használata. Iframe és Frame – mik ezek, és hogyan lehet a legjobban használni a kereteket HTML-ben. Az A címke használata a keretbe való betöltéshez

Keretek használata. Iframe és Frame – mik ezek, és hogyan lehet a legjobban használni a kereteket HTML-ben. Az A címke használata a keretbe való betöltéshez

A keretek felhasználási területei

A HTML dokumentumok fejlesztői meglehetősen gazdag űrlapválasztékkal rendelkeznek az információk oldalakon történő megjelenítéséhez. A szöveges és grafikus információk listák, táblázatok vagy egyszerűen igazítási beállítások, vízszintes vonalak beállításával és bekezdésezéssel rendezhetők és rendszerezhetők. Néha ezek a képességek nem elegendőek, és akkor a böngésző nézetet külön területekre vagy keretekre kell felosztani. A HTML nyelv számos orosz nyelvű leírásában a keretek kifejezés helyett a keretek kifejezést használják. Mindkét kifejezés használati gyakorisága megközelítőleg azonos.

A WWW-n történő információk megjelenítésére szolgáló keretstruktúra kiválasztása a következő esetekben indokolt:

ha szükséges, más alterületen végzett munka során megszervezi a dokumentumok böngészőablak valamelyik alterületébe történő betöltésének ellenőrzését;
az információmegjelenítő ablak elhelyezése egy adott helyen, amelynek mindig a képernyőn kell lennie, függetlenül a képernyő egyéb részterületeinek tartalmától;
olyan információk bemutatására, amelyek kényelmesen elhelyezhetők az ablak több szomszédos részterületén, amelyek mindegyike egymástól függetlenül megtekinthető.

A fenti lista nem merít ki mindent lehetséges esetek, ahol kereteket lehet alkalmazni, de tanácsadó jellegű.

Először nézzük meg a keretek tipikus használati eseteit valós HTML-dokumentumok példái segítségével, majd térjünk át a kereteket tartalmazó dokumentumok fejlesztésének szabályaira.

ábrán. Az 5.1 a Finmarket ügynökség egyik HTML-oldalát mutatja, amely Oroszország pénzügyi és tőzsdei információinak szolgáltatására specializálódott.

Rizs. 5.1. Tipikus keretes webdokumentum

Ezen az oldalon a böngészőablak három keretre van osztva. Az ablak alsó része a teljes ablak magasságának 20%-át foglalja el, és állandó információkat tartalmaz, ami jelen esetben egy grafikus menü, amivel bármikor elérheti a legfontosabb részeket. Ez a keret nem méretezhető át felhasználói parancsokkal, és nincsenek görgetősávjai. Az ablak teteje (a magasság 80%-a) vízszintesen két keretre van osztva. A bal oldali keretben a felhasználó által megtekinthető dokumentumok tartalomjegyzéke található. A jobb oldali keret, amely a nézetablak nagy részét foglalja el, maguknak a dokumentumoknak a megjelenítésére szolgál. Kezdeti betöltéskor ez a két keret vízszintesen 15%-kal 85%-kal osztja el a böngészőablakot. Ezt az arányt a felhasználó megváltoztathatja a megtekintés során, ami lehetővé teszi az optimális keretméretek kiválasztását a betöltött dokumentumok tartalma alapján. Mindegyik keretnek saját görgetősávja van, amely lehetővé teszi a keret teljes tartalmának megtekintését, függetlenül a keret méretétől, a teljes böngészőablaktól és a használt betűtípusoktól. Ha bármelyik hivatkozást kiválasztja a bal oldali keretben, a megfelelő dokumentum betöltődik a jobb oldali keretbe. Ez a struktúra lehetővé teszi, hogy a képernyőn egyszerre lássa a dokumentumok tartalomjegyzékét és a kiválasztott dokumentum tartalmát.

Itt van egy HTML-kód részlet, magyarázat nélkül, amely szerint egy ilyen szerkezetű dokumentum készül:

Ez a példa a keretszerkezetek legjellemzőbb felhasználását mutatja be, ahol az egyik keret a dokumentumok tartalomjegyzékeként szolgál, a másik pedig a tartalom betöltésére szolgál. Egy ilyen probléma megoldása keretek használata nélkül általában a következőképpen történik. Az egyik oldal tartalomjegyzéket tartalmaz, amely más dokumentumokra vagy azok egyes töredékeire mutató hivatkozásokat tartalmaz. Ha rákattint egy ilyen hivatkozásra, a tartalomjegyzék eltűnik, és a helyére betöltődik a szükséges dokumentum, melynek elolvasása után általában ismét vissza kell térni a tartalomjegyzékhez. A keretek használatakor ez a visszaadás szükségtelenné válik, mivel a tartalomjegyzék folyamatosan a képernyő egy részén található.

Az interneten megtalálható a Szentpéterváron népszerű "All Petersburg" cím- és telefonkönyv elektronikus kiadásának oldala.

A kézikönyv elektronikus változata a címen érhető el http://www.allpetersburg.rués lehetővé teszi, hogy a felhasználói kérések alapján megtalálja a szükséges információkat. Ennek a dokumentumoldalnak is van keretszerkezete, és két keretből áll, amelyek közül az első 100 pixel széles, a második pedig a nézetablak szélességének fennmaradó részét. A bal oldali keret használható grafikus menü, állandóan jelen van a képernyőn, és a „Nevalink” cég logóját is tartalmazza. A második keret egy dokumentumot tartalmaz, amely jelen esetben egy felhasználói kérés űrlapja. Az oldal szerkezetét a következő HTML kód határozza meg:

A keretek nagyon hasonlítanak a táblázatokhoz – mindkettő téglalap alakú területekre osztja fel a böngésző nézetablakát, amelyek bizonyos információkat tartalmaznak. A keretek segítségével azonban nemcsak a dokumentumoldalak formázásának problémáját oldhatja meg, hanem a köztük lévő interakciót is megszervezheti. Az alapvető különbség a keretek és a táblázatok között, hogy minden keretnek egy külön HTML dokumentumnak kell megfelelnie, és az összes táblázatcella tartalma mindig ugyanannak a dokumentumnak a része. Ezenkívül a keretben megjelenített oldal megtekintéskor a többitől függetlenül görgethet. Mindegyik keret lényegében egy külön "miniböngésző". Ellentétben a keretekkel, amelyeknek a teljes szerkezete mindig megjelenik a képernyőn, előfordulhat, hogy a táblázatok nem férnek el teljesen az ablakban, és csak részben tekinthetők meg. Ebből az következik, hogy ha a HTML táblákban a cellák teljes száma gyakorlatilag korlátlan, és elérheti a több százat is, akkor egy dokumentumban a keretek száma általában nem haladja meg a néhány egységet.

Tanács

Ha csak formázni kell a dokumentumot, akkor ehhez elegendő a táblázatok használatára korlátozni magát. Ha összetettebb problémák megoldására van szükség, például az ablak alterületei közötti interakció megszervezésére vagy a képernyőn állandóan elhelyezett részterületek létrehozására, akkor itt kényelmes a keretek használata.

Végső soron a dokumentum szerkezetének kiválasztása – táblázatos vagy keretes – sok tényezőtől függ, és nem határozható meg egyértelműen előre.

Vannak mégaz előzőekhez hasonló oldalak. Például vehetsz egy világszerte nagy népszerűségnek örvendő gyűjtemény oldala szoftver termékek elsősorban az internettel való együttműködésre tervezték. Szerver címe http://www.tucows.com... Vegye figyelembe, hogy a kiszolgáló nevét a gyűjtemény teljes nevének rövidítéséből származó rövidítés határozza meg - The Ultimate Collection of Winsock Software. Mivel a tucows rövidítésről kiderült, hogy egybecseng a két tehén kifejezéssel, a tehenek képei gyakran megtalálhatók a szerver oldalain, és a szoftvertermékek értékelését a mooe számában ("Moo") becsülik, és grafikusan úgy ábrázolják. egy sor a megfelelő számú tehenet. A szerveroldalak többsége azonos felépítésű - az ablak bal oldalán található az elérhető szakaszok listája, a jobb oldalon pedig a kiválasztott szekció szoftvertermékeinek listája. Első pillantásra a dokumentum szerkezetének nagyjából ugyanúgy kell kinéznie, mint az előző példákban. Ebben a dokumentumban azonban nem használunk kereteket! Ez az oldal egy táblázatból áll, amely mindössze egy sorból és két cellából áll. A táblázatnak nincs kerete, és csak az oldal formázását szolgálja. A képernyő függőleges kettéhasadásának benyomását egy olyan háttérgrafika használatával hozzuk létre, amely tartalmazza függőleges vonal asztalrács helyett. Ezt ellenőrizheti, ha képek betöltése nélkül tekinti meg az oldalt. A táblázat itt való használata nyilvánvalóan a dokumentumok jobb hozzáférhetősége miatt van, mivel nem minden böngésző képes megjeleníteni a kereteket.

Ennek a megközelítésnek ebben az esetben az a hátránya, hogy minden dokumentumban meg kell ismételni a szakaszok teljes listáját (az oldal bal oldalán), ami kissé megnöveli a fájl méretét.

A fenti példák összehasonlítása azt mutatja, hogy a táblázatok és keretek használata néha felcserélhető, és a fejlesztők kívánságai határozzák meg. Ne feledje, hogy amikor egy dokumentumot tartalmazó oldalt néz, gyakran lehetetlen meghatározni, hogyan épül fel. A végfelhasználónak nem kell ismernie a dokumentum belső felépítését, de saját weblapok készítésekor rendkívül sokat segítene a meglévő dokumentumok forráskódjának ismerete. Az első példában (lásd az 5.1. ábrát) azonnal látható a dokumentum keretszerkezete – két függőleges görgetősáv jelenléte már meghatározza a különálló keretek jelenlétét. A következő két példa felületesen nagyon hasonló, és nem állapítható meg, hogy az első keretek, a második pedig táblázatok felhasználásával készült-e. A különbségek csak akkor jelennek meg, ha velük dolgozik. A telefonkönyv példájában a dokumentum görgetésénél az ablak bal oldala a helyén marad, ami csak keretszerkezet esetén lehetséges. A következő példában (a szoftvertermékek gyűjteménye) a görgetés az ablak teljes tartalmát mozgatja.

A dokumentum szerkezetét a Netscape böngészővel végzett munka során a Nézet menü Page Info (a Netscape böngésző 3.x verzióiban ennek a menüpontnak a neve Dokumentum információ) menüpontjával tekintheti meg (5.2. ábra).

Rizs. 5. 2 . Netscape böngésző Nézet menü

Ezenkívül bármikor megtekintheti a teljes dokumentum HTML-forrását a Nézet menü Page Source elemével (vagy a jobb egérgombbal kattintson a helyi menü Keretforrás megtekintése elemével a kiválasztott keretbe betöltött dokumentum HTML kódjának megtekintéséhez ).

Tanács

Nem szabad feleslegesen visszaélni a keretek használatával, és számuk nem haladhatja meg a hármat vagy a négyet.

Az internet valódi oldalain gyakran láthatja a keretek használatának ilyen eseteit:két szomszédos keret használható dokumentumok betöltésére, amelyek kényelmesen megtekinthetők egyidejűleg és összehasonlíthatók egymással. A keretekbe betöltött két dokumentum mindegyike használ táblázatos formában információk bemutatása. Ennek az adatrendezésnek köszönhetően a két táblázat külön-külön is megtekinthető (vagy kinyomtatható), a másikkal összehasonlítva tanulmányozható.

Az ebben a részben található összes példa a népszerű WWW-szerverek oldalairól származik, és talán példaként szolgálhat a keretek HTML-dokumentumokban való használatára.

A fejezet további részei a kereteket tartalmazó dokumentumok írásának szabályaival foglalkoznak.

Keretleírási szabályok

Most térjünk át a keretszerkezettel rendelkező dokumentumokhoz használt címkék írására vonatkozó szabályok átgondolására.

Kezdjük azzal, hogy nézzük meg a teljes HTML-kódot, amely közepes nehézségű keretekkel rendelkező dokumentumot hoz létre:

Ez a példa a 4-2. ábrán látható keretezett oldalt hozza létre. 5.3. Amint látja, ez a HTML-kód négy keretet határoz meg. A felső keret átfogja az oldal teljes szélességét, és tartalmazza a fejlécet. Következik a két középső keret, amelyek közül az egyik a bal oldalon található, és a képernyő szélességének 25 százalékát foglalja el, a második pedig a maradék helyet. Az utolsó, negyedik képkocka a képernyő alsó negyedét foglalja el. Mindegyik keretbe külön HTML dokumentum kerül betöltésre, melynek nevét az SRC paraméter határozza meg.

Amint a példából látható, a címkék a keretek szerkezetének leírására szolgálnak , és ... Ez így néz ki:

Minden, ami a címkék közé kerül olyan böngészőkben jelenik meg, amelyek nem támogatják a keretet. A keretes böngészők figyelmen kívül hagynak minden információt a címkék között.

Vegye figyelembe, hogy a való életben a HTML-oldal fejlesztői gyakran nem használják a címke képességeit

A második, frameset.htm nevű fájl a következő kódot tartalmazza:

Ebben az esetben a felső és az alsó sor ugyanúgy viselkedik. De a második sor most egy egyszerű keret, mint a többi. Az SRC paraméter által mutatott frameset.htm fájl azonban meghatározza a saját keretszerkezetét. Ennek eredményeként a képernyő pontosan ugyanúgy fog megjelenni, mint az eredeti példában.

jegyzet

Elvileg lehetséges beágyazott struktúrák létrehozása címkék segítségével amelyek ugyanarra a fájlra hivatkoznak, amely leírja a keretek szerkezetét, de ezt nem szabad megtenni. Ez a helyzet végtelen rekurzióhoz vezet, és nem teszi lehetővé a további munkát. Egyes böngészők szabályozzák ezt a helyzetet, és megakadályozzák az összeomlás lehetőségét. Ha az SRC-be írt cím egyezik a kerethierarchia egyik korábbi címével, akkor a rendszer figyelmen kívül hagyja, mintha az SRC paraméter egyáltalán hiányozna.

Tanács

Beágyazott struktúrák használata különféle kombinációkban szinte bármilyen elképzelhető keretrács létrehozható. Ne felejtse el azonban létrehozni egy felhasználóbarát felületet, ne csak a keretekkel demonstrálja tudását.

Íme egy példa egy szabályos téglalap alakú keretrács létrehozására:

Ez a példa két sorból és három oszlopból álló keretrácsot hoz létre (5.6. ábra). Mivel egy hat keretből álló halmaz van definiálva, az egyes keretekre hat definíciót is meg kell adni. ... Vegye figyelembe, hogy a keretdefiníciók soronként vannak megadva. Vagyis az első címke az első sor első oszlopának tartalmát határozza meg, a második a második oszlopot, a harmadik pedig az első sor utolsó oszlopának adatdefinícióját fejezi be. Az utolsó három képkocka ezután kitölti a második sor oszlopait.

Rizs. 5. 6 . 2 x 3 keretrács

Vegye figyelembe azt is, hogy a COLS paraméterben szereplő százalékok összege nem 100, hanem csak 90 százalék. Ez rendben van, mivel a böngésző automatikusan arányosan átméretezi az oszlopszélességeket, hogy kiküszöbölje ezt az inkonzisztenciát.

A navigáció jellemzői keretek használatakor

A keretszerkezettel rendelkező dokumentumokkal való munkavégzésnek van néhány sajátossága, amelyeket tudnia kell. A JB ezen tulajdonságai főként a dokumentumok betöltésekor történő navigációban nyilvánulnak meg. A navigációban tapasztalható jelentős eltérések nemcsak a különböző böngészők között, hanem a böngészők között is általánosak különböző verziók ugyanaz a böngésző.

A Netscape 3.x és 4.x böngészője, amikor a Vissza gombra kattint, visszaállítja a dokumentumot az utoljára megnyitott képkockához. Ugyanezeket a műveleteket hajtja végre, ha a Vissza elemet választja a helyi menü meghívásakor bármelyik keretben. Emlékezzünk vissza, hogy a helyi menü a jobb egérgomb megnyomásával hívható elő. Így függetlenül attól, hogy melyik keretben hívták meg a helyi menüt, a Vissza gomb megnyomásával visszavonja az utolsó műveletet, még akkor is, ha azt egy másik keretben hajtották végre.

A Netscape 2.x böngésző egészen másként működött. A helyi menü tartalmazza a Vissza a keretbe parancsot, amelynek végrehajtása visszaállítja a dokumentumot az aktuális keretbe, nem pedig az utolsó műveletet.

A Netscape bármely verziójában könyvjelzők közé helyezheti a kiválasztott keretben található dokumentumot. Ehhez válassza ki a helyi menüből a Könyvjelző hozzáadása módot, amelyet fent említettünk. Ha a Könyvjelző hozzáadása módot egyszerűen kiválasztja a böngésző főmenüjéből, akkor egy könyvjelző kerül a dokumentumba a keretszerkezet leírásával. amely nem fog pontosan mutatni egy adott keretre. Az, hogy egy dokumentumhoz külön keretben könyvjelzőt hozhat létre, nem jelenti azt, hogy a könyvjelző további használata ugyanazt a keretszerkezetet eredményezi. A könyvjelző által mutatott dokumentum a keretszerkezeten kívüli teljes ablakba kerül betöltésre.

A keretek közötti interakció

A WWW-en történő információmegtekintés legegyszerűbb formája az oldalak olvasása és a hivatkozások követése, amelyben a böngészőablakban az aktuális dokumentumot egy másik dokumentum váltja fel. A keretekkel végzett munka során felhasználóbarátabb dokumentumbetöltési sémát szervezhet.

A keretek közötti interakció azt jelenti, hogy egy másik keretből származó parancsok segítségével dokumentumokat tölthetünk be egy kiválasztott keretbe. Erre a célra a címke TARGET paraméterét használjuk.<А>... Ez a paraméter adja meg annak a keretnek vagy böngészőablaknak a nevét, amelybe az a dokumentum kerül betöltésre, amelyre ez a hivatkozás mutat. Alapértelmezés szerint, ha a TARGET paraméter hiányzik, a dokumentum betöltődik az aktuális keretbe (vagy ablakba). Ez az alapértelmezés a címke megadásával módosítható a kívánt TARGET paraméter értékkel. A betöltendő alapértelmezett keret nevének megadása nagyon kényelmes azokban az esetekben, amikor sok hivatkozásnak kell a dokumentumokat egy adott kerethez irányítania. A fejezet elején bemutattunk egy tipikus helyzetet, amikor egy tartalomjegyzék egy keretben található, és a hivatkozások a megfelelő dokumentumokat egy szomszédos keretbe töltik be (5.1. ábra). Ebben a példában a szakaszban A LIST.htm fájlba célszerű a következő sort beírni: ... Ellenkező esetben minden hivatkozáshoz meg kell adnia egy TARGET paramétert.

A keretneveknek latin betűvel vagy számmal kell kezdődniük. A név lehet egy meglévő ablak vagy keret neve, vagy megadható egy új név, amely alatt új ablak nyílik meg. Négy lefoglalt név van, amelyek beállításakor speciális műveleteket hajtanak végre. Ezek a nevek aláhúzásjellel (_) kezdődnek: "_blank", "_self", "_parent" és "_top". Minden más, aláhúzással kezdődő név nem érvényes.

TARGET = "_ üres" - biztosítja a dokumentum új ablakba való betöltését. Ennek az ablaknak nem lesz neve, ezért nem lehet bele más dokumentumot betölteni.

TARGET = "_ saját" - a dokumentum az aktuális keretbe (vagy ablakba) kerül betöltésre. Ezt a bejegyzést a címke által beállított alapértelmezett érték megkerülésére kell használni .

TARGET = "_ felső" - a dokumentum teljes ablakba való betöltését okozza. Ha a dokumentum már a teljes ablakban van, akkor ez az érték ugyanúgy működik, mint"_maga".

TARGET = "_ szülő" - a dokumentum betöltését okozza az aktuális keret szülő kerete által elfoglalt területre. Ha nincs szülő keret, akkor ennek a paraméterértéknek ugyanaz a hatása, mint"_top".

jegyzet

Számos HTML-forrás helytelenül állítja, hogy ha egy keretnek nincs szülője, akkor a "_parent" a "_self"-nek felel meg. Ez az állítás nem mindig igaz.

Egy figyelmeztetés

A "_blank", "_self", "_parent" és "_top" fenntartott keretneveket kis latin betűkkel kell írni. Vegye figyelembe, hogy ez a követelmény egyedi a Netscape-re. A Microsoft Internet Explorer minden esetben helyesen felismeri a lefoglalt neveket.

Íme néhány példa a keretek és az egyes böngészőablakok közötti interakciókra. Vegye figyelembe a következő HTML-kódot:

Keretek használata

Ez a HTML-dokumentum egy három „A”, „B” és „C” nevű keretből álló szerkezetet ír le. A keretnevekre később szükség lesz a keretek közötti kapcsolatok szervezéséhez. Vegye figyelembe, hogy ebben a példában az "A" nevű keretre nem hivatkozunk, ezért előfordulhat, hogy név nélkül marad. Amikor a fenti dokumentumot betöltjük a böngészőbe, a keretek megjelenítik az SRC paraméter által megadott fájlokban található információkat. Az "A" keret a frame_a.htm fájl tartalmát fogja kapni, a másik két képkocka pedig az üres.htm fájlból kap adatokat, amelyben nincsenek megjelenített adatok. A keretszerkezetet leíró HTML-dokumentumnak ismét nincs szakasza. .

Íme a frame_a.htm nevű fájl szövege:

Az A keret dokumentuma

D

4. A dokumentum betöltése új ablakba

5. A dokumentum betöltése a teljes ablakba

6. A dokumentum betöltése az aktuális keretbe

Ez a dokumentum egy teljes HTML dokumentum szakaszokkal és és viszont hivatkozásokat tartalmaz egy test.htm nevű fájlra, amely ugyanabban a könyvtárban található, mint a frame_a.htm fájl.

A test.htm fájl szövege rendkívül egyszerű:

Teszt dokumentum

Tesztdokumentum szövege

A frame_a.htm fájl, amelynek tartalma az "A" keretbe van betöltve, hat hivatkozással rendelkezik ugyanahhoz a test.htm fájlhoz, különböző TARGET paraméterértékekkel.

Vessünk egy pillantást azokra a műveletekre, amelyek ezeknek a linkeknek a megvalósításakor meg fognak történni. Az első hivatkozás a TARGET = "B" értékkel betölti a test.htm fájlt egy "in" nevű keretbe. Vegye figyelembe, hogy a hat hivatkozás bármelyikének megvalósítása után a Netscape böngésző automatikusan kiszínezi mind a hatot, mivel ugyanarra a fájlra mutatnak. A Microsoft Internet Explorer csak a ténylegesen megvalósított hivatkozásokat jelöli meg.

A második hivatkozás ugyanezt teszi a "C" keretnél. Kezdetben a "B" és "C" keretben nincs semmi (pontosabban az üres üres.htm fájl tartalma töltődik be). Az első és a második hivatkozás megvalósítása kitölti ezeket a kereteket.

A harmadik hivatkozás TARGET = MD "egy új "D" nevű böngészőablakot hoz létre, és betölti a test.htm fájlt. Vegye figyelembe, hogy ennek a hivatkozásnak a megírásának formája nem különbözik az első kettőtől. A különbség az, hogy az elsőben Két esetben hivatkozásokat adtak meglévő keretekhez, melyek neveit a keretszerkezettel együtt definiáltuk a fájlban, ebben az esetben pedig egy nem létező objektumra adtuk meg a hivatkozást a hivatkozásra kattintva csak Az adatok újratöltése a már meglévő „D" ablakba Természetesen a felhasználó bármikor bezárhatja és újra formálhatja ezt a hivatkozást választva. Az 5.7. ábra az első három hivatkozás megvalósítása utáni helyzetet mutatja. és a méreteket a képernyőn megjelenő ablakok közül a felhasználó meghatározhatja.

Rizs. 5. 7 . A bal oldali keretben elérhető első három hivatkozás szekvenciális megvalósítása után kapott helyzet

Az ötödik hivatkozás TARGET = "_ top" értékkel a dokumentumot a teljes ablakba tölti be a teljes keretszerkezet helyett. A TARGET paraméter ezen értéke nem hoz létre új ablakot. A keretszerkezethez a Vissza gomb megnyomásával térhet vissza.

jegyzet

A keretek vagy böngészőablakok neveit nem szabad összetéveszteni a letöltött dokumentumok nevével. Megtekintéskor a keretnevek nem látszanak sehol, csak az interakció megszervezéséhez szükségesek, ezért rejtve vannak a felhasználó elől. Ezeket csak a HTML-fájlok forrásszövegének megtekintésekor láthatja.

Tanács

Ne feledje, hogy a feltöltött dokumentumok nevét a címke határozza meg ... Ha a dokumentum egy teljes ablakba van betöltve, akkor a neve a böngészőablak legtetején jelenik meg. Ha a dokumentumot keretbe töltjük, akkor a neve sehol nem jelenik meg, és a dokumentum keretszerkezetének leírását tartalmazó dokumentum neve továbbra is az ablak felső részén található. Ezért a keretben megtekintendő dokumentumok nevei nem fontosak. Például az ábrán. 5.7 egy és ugyanaz a dokumentum betöltődik a "be" és a "C" keretbe, valamint egy külön "D" nevű ablakba, míg a dokumentum neve csak a "D" ablakban látható. Ennek ellenére aligha érdemes a keretbe betöltött dokumentumok nevének elhagyását javasolni, mert előfordulhatnak például a Könyvjelzők listában, amikor egy keretben található dokumentumhoz könyvjelzőt készítünk, vagy a megtekintett dokumentumok listájában.</span> </i></p> <p>Nézzünk egy másik érdekes példát a keretek és a böngészőablakok közötti interakció megszervezésére. Nézzük meg a fő letölthető HTML dokumentum szövegét:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Ablaknevek használata

Bekeretezett dokumentum új ablakba

Keretek használata

Vegye figyelembe, hogy ha a fő dokumentum egy szabványos HTML-dokumentum, akkor a fődokumentum hivatkozásáról betöltött frame.htm fájl tartalmazza a keretszerkezetet, és az üres.htm fájlra mutató hivatkozásokat.

A fő dokumentum betöltése után a böngészőablak az ábrán látható módon fog kinézni. 5.8 (bal oldali ablak). A teljes dokumentum két hivatkozásból áll. Menjünk az első linkre. Létrejön egy új "D" nevű ablak, amelyben megjelenik a test.htm fájl szövege (5.8. ábra, jobb oldali ablak). A hivatkozás megismétlése csak a "D" ablakban lévő adatok újratöltését eredményezi.

Rizs. 5.8. Interaktív keretes ablakok példa

Menjünk a második linkre. Egy új, név nélküli ablak jön létre, amelybe a frame.htm fájl betöltődik, két "C" és "D" nevű keretet definiálva (5.8. ábra, alsó ablak). Mindkét keretben nincs semmi (pontosabban az üres dokumentum üresen van betöltve.htm). Ne feledje, hogy most van egy „D” nevű nyitott ablak és egy keretes ablak, amelyek közül az egyik „D” nevű is. Kövessük ismét az első linket. Az első esettel ellentétben az adatok nem a "D" ablakba, hanem a "D" nevű keretbe kerülnek betöltésre. Az összes leírt művelet eredménye az ábrán látható. 5.8.

jegyzet

A megnyíló ablakok megjelenése és tartalma esetenként akár a felhasználó cselekvéseinek sorrendjétől is függhet. Az olyan dokumentumokkal való munkavégzés, amelyek viselkedése nehezen megjósolható, általában méltányos irritációt okoz a felhasználóban, és azt jelzi, hogy az adatstruktúra nincs jól átgondolva a fejlesztők részéről.

Ha megváltoztatja a műveletek sorrendjét, azaz először a második hivatkozást hajtja végre, majd az elsőt, akkor a "D" nevű ablak egyáltalán nem jelenik meg! Ez azért történik, mert a második hivatkozás megvalósítása után egy "D" nevű keret jön létre, és nem kell új ablakot nyitni az első hivatkozáshoz.

Ez a példa egyáltalán nem példakép, csak az interakció megszervezésének lehetséges bonyolultságát mutatja be. Éppen ellenkezőleg, törekedni kell arra, hogy ne bonyolítsuk feleslegesen az adatok rendszerezését, és még kevésbé olyan helyzeteket teremtünk, amelyekben az eredmény a felhasználói műveletek sorrendjétől függően változik.

Tanács

Kerülje el az ütközéseket a keret- és ablaknevekben. Bár formálisan nem tilos az azonos nevű keretek használata, ez zavaró lehet.

Egy figyelmeztetés

A keret- és ablaknevek a kis- és nagybetűk megkülönböztetésével párosulnak. Így például a "frame_1" és a "Frame_1" nevű keretek eltérőek lesznek.

Példák a keretek közötti bonyolultabb interakciókra

A fentiekben a keretek közötti interakció meglehetősen egyszerű tipikus példáit tekintettük. Megfontolásra kerültek az új ablakok létrehozása, az egyes keretek tartalmának cseréje, valamint a teljes ablakra dokumentum kiállítása a keretek teljes szerkezetének megsemmisítésével. Példák találhatók a megadott keretnevek, valamint a „_blank”, „_self” és „_top” fenntartott nevek használatára. Az utolsó lefoglalt „_parent” név használata bonyolultabb, és az alábbiakban ismertetjük.

Ebben a részben a keretek közötti interakció bonyolultabb lehetőségeit tekintjük át. Különösen több szomszédos képkocka tartalmának cseréje valósul meg.

A keretek egyik legáltalánosabb felhasználási esete, amelyről ebben a fejezetben már volt szó, két keret esete, amelyek közül az egyik linklistát tartalmaz, a másik pedig magát a dokumentumokat tölti be (5.1. ábra).

Próbáljuk meg kibővíteni a problémafelvetést. Tegyük fel, hogy egy kellően nagy, részekre osztott fejezetekből álló dokumentum tartalmát kell a képernyőn megjeleníteni. Tipikus példa erre a szakirodalom egy adott témában. Leírjuk egy ilyen dokumentum kívánt megjelenítését a képernyőn. Osszuk fel a képernyőt három keretre, amelyek közül az egyik a könyv fejezeteinek listája, a második a kiválasztott fejezet szakaszainak listája, a harmadik pedig a kiválasztott rész szövegét tartalmazza. Amikor kiválaszt egy hivatkozást a második keretben, a harmadik keret tartalmának meg kell változnia. Ennek a követelménynek a végrehajtása triviális. Amikor kiválaszt egy hivatkozást az első keretben, a második és a harmadik képkocka tartalmának egyszerre kell változnia. Első pillantásra ennek a feladatnak a végrehajtása HTML-ben lehetetlen (JavaScript vagy más nyelvű programozás nélkül), mivel a hivatkozás végrehajtásakor csak egy dokumentum töltődik be, kettő vagy több nem. Ennek a problémának a megoldása azonban teljesen lehetséges.

Mutassunk egy lehetséges sémát egy ilyen probléma megoldására egy egyszerű példán keresztül. Tegyük fel, hogy három keretet szeretne megjeleníteni a képernyőn, és betölteni néhány dokumentumot. Tűzzük ki feladatul, hogy ezekben a keretekben hozzunk létre hivatkozásokat, amelyek megvalósítása során például két képkocka tartalma felcserélődött. Az első keret az ablak szélességének 50%-át és magasságának 100%-át foglalja el, és az ablak bal oldalán található. Az ablak jobb fele szintén vízszintesen ketté van osztva, és két másik keretet tartalmaz. Az ilyen szerkezetet a következő kód írja le:

Ennek a HTML-kódnak a segítségével létrejön a szükséges struktúra, de a feladat megoldása lehetetlen. A beágyazott szerkezetet ki kell venni egy külön fájlba, és ebben a HTML kódban írjon le egy keretet, amely a létrehozott fájlra hivatkozik. Ezután a forrásdokumentum szövege így fog kinézni:

Példa a keretek közötti interakcióra

Létrehozott fájl beágyazott szerkezettel a neve 1_2.htm, és a következő kódot tartalmazza:

1-2

Első pillantásra semmi sem változott. Mindkét esetben három keret van, amelybe a left.htm, 1.htm és 2.htm dokumentumok betöltődnek. Amikor azonban a keretek kölcsönhatásba lépnek, a különbség megjelenik. Ha az első esetben egyik keretnek sincs szülő kerete, akkor a második esetben két képkocka esetén a szülő egy "Two_Frames" nevű keret lesz. Ezért, ha a két keret bármelyikében a TARGET paraméter "_parent" értékével megegyező hivatkozást alkalmaznak, az eredmény az első és a második esetben eltérő lesz. Az első esetben egy ilyen hivatkozás megvalósítása azt eredményezi, hogy a dokumentumot a teljes ablakba töltik be, lecserélve a meglévő keretszerkezetet. Itt jön képbe a "_parent" érték tulajdonság, amely szülő keret hiányában "_top"-ként működik. A második esetben egy "Two_Frames" nevű keret kerül lecserélésre, amely a képernyő jobb felét foglalja el, és lényegében két keretből áll.

A második eset formailag abban is különbözik az elsőtől, hogy van egy "Two_Frames" nevű keret, amelyhez a hivatkozások elérhetők. Ez a funkció teszi lehetővé a probléma megoldását.

Íme a left.htm fájl tartalma, amely kezdetben a figyelembe vett keretek közül az elsőbe töltődik be:

Bal oldali keret

dokumentumokat az ablak jobb oldalán található két keretben.

Válasszon egy dokumentumrendezési lehetőséget:

1 _2.htm "TARGET =" Two_Frames "> 1-2. lehetőség

2-1. lehetőség

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>Vegye figyelembe, hogy az 1_2.htm és a 2_1.htm fájlok szövege csak az 1.htm és 2.htm fájlokra mutató hivatkozások sorrendjében tér el.</p> <p>Fontolja meg most a bal oldali keretbe betöltött dokumentum felépítését. Két hivatkozást tartalmaz a TARGET = "Two_Frames" paraméterrel. Ezen hivatkozások bármelyikének megvalósítása két keretet hoz létre a "Two_Frames" keret helyén (ez a képernyő jobb fele), az 1.htm és a 2.htm dokumentumok egyik vagy másik sorrendben történő betöltésével. Így az 1-2 opció kiválasztásakor az 1.htm dokumentum a jobb felső keretbe, a 2.htm pedig a jobb alsó keretbe kerül betöltésre. A 2-1 opció választása megváltoztatja a dokumentumok sorrendjét. Ennek eredményeként az opciók váltakozó kiválasztása azt a benyomást kelti, hogy a két keretben lévő dokumentumok felcserélődnek. Pontosan ezt a hatást próbáltuk elérni (5.9. ábra).</p> <p>A leírt példa esetében az 1.htm és 2.htm dokumentumok tartalma irreleváns. Azonban például triviális dokumentumok helyett hozzunk létre dokumentumokat hivatkozásokkal, amelyek ugyanazokat a műveleteket hajtják végre.</p> <p>Fájl szövege 1.htm:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>1. dokumentum

1. dokumentum

1. lehetőség -2

2-1. lehetőség

A 2.htm fájl csak a fejlécben tér el az 1.htm fájltól.

Két hivatkozás található itt TARGET = "_ szülő" értékkel, amelyek a szülő keretre mutatnak. Ezeket a hivatkozásokat kifejezetten a szülő keret nevével írhatták volna, azaz TARGET = "Two_Frames", de az implicit név használata általában kényelmesebb. Például, ha kizárja a hivatkozásokat a bal oldali keretből (document left.htm), akkor elhagyhatja a "Two_Frames" keretnevet, amelyet a fő keretstruktúra leírásánál adtunk meg. Ez egy név nélküli keretet hoz létre, de az 1.htm és 2.htm dokumentumokból származó hivatkozások TARGET = "_ szülő" értékkel továbbra is megfelelően működnek.

Tanács

Amikor csak lehetséges, használjon implicit keretneveket. Például "szülő", "felső", "saját" ahelyett, hogy konkrét neveket adna meg.

Rizs. 5.9. Együttműködő keretek ablakai a betöltött dokumentumok megváltoztatásával

A keretek és a böngészőablak közötti különbség

A keretekkel való munka során felmerül a kérdés, hogy mi az alapvető különbség a böngészőablak keretszerkezetének rendezése és a több ablak létrehozása között. Első pillantásra úgy tűnhet, hogy több ablak létrehozásának lehetőségével is boldogulhat, mivel az ablakokkal és keretekkel való munka nagyon hasonló. Minden kerethez külön dokumentumot kell betölteni, képes önállóan görgetni a tartalmat, és más keretekből származó parancsokkal módosítható. Ezek a keretek tulajdonságai hasonlóak a böngészőablakok tulajdonságaihoz. Az adatok táblázatos rendezésével ez a cselekvési szabadság lehetetlen.

A keretek és az ablakok között azonban jelentős különbség van. Keretezésnél a HTML dokumentum maga osztja fel a nézetablakot keretekre, megadva a méreteket és azok helyét. Megtekintéskor a felhasználó módosíthatja a keretek méretét, ha ezt a szerkezetük leírása nem tiltja. Az ablakok helyét a Windows rendszerrel való munkavégzés általános szabályai határozzák meg - a felhasználó bármelyik ablakot teljes képernyőre nyithatja, ikonra kicsinyítheti, vagy tetszőlegesen beállíthatja a méretét és helyét. Az ablakok, a keretekkel ellentétben, átfedhetik egymást. Ennek a választéknak megvan a maga hátulütője is – minden alkalommal, amikor manuálisan kell elhelyezni az ablakokat a képernyőn, és át kell méretezni őket az optimális megtekintési lehetőség eléréséhez. A keretek esetében az optimális méretarányt általában a fejlesztő határozza meg a vázszerkezet leírásában, és gyakran nem kell változtatni rajta.

Tanács

Bár a keretek nem biztos, hogy minden lehetőséget biztosítanak az egyes ablakokkal való munkavégzéshez, racionális elrendezésük maximális kényelmet biztosít a felhasználó számára.

Az ablakokkal való munkavégzésnek más hátrányai is vannak. Az egyes ablakok létrehozása sok memóriát igényel. Lényegében a Netscape-ben minden ablak a böngésző egy másik példánya, és gombok és menük teljes készletével rendelkezik. Ugyanez a helyzet jellemző a Microsoft Internet Explorerre is.

Vegye figyelembe, hogy az egyes ablakok szervezése a böngészőkben eltérően történik. Új ablak létrehozása egy dokumentummal egy külön feladat megjelenéséhez vezet a Windows rendszerben, amint azt a futó feladatok listájának megtekintésekor láthatja. Ezért az ablakok közötti váltás ugyanúgy végrehajtható, mint a váltás különböző feladatokat például a billentyűparancs megnyomásával +.

Sok népszerű Windows-alkalmazásban létezik a dokumentumablak fogalma. Ilyen például a Microsoft Word szövegszerkesztő vagy a Paint Shop Pro grafikus program, és még sok más. Ezen alkalmazások mindegyike lehetővé teszi több ablak egyidejű használatát az adatokkal, és általában van egy Ablak menü, amely felsorolja az ablakokat, és lehetőséget ad a közöttük való váltásra. Az ilyen alkalmazásokban egy új ablak általában akkor történik, amikor megnyit egy meglévő fájlt, vagy létrehoz egy újat. Ezekben a programokban azonban egy új ablak létrehozása nem hoz létre új munkafeladatot.

A Netscape-nek van egy Ablak menüje is, amely felsorolja a meglévő ablakokat. (A Netscape 4.x verzióiban ezt a funkciót a Communicator menü Ablak menüpontja biztosítja.) Visszatérve a 1. ábrához. 5.8. Ebben a példában három ablak van nyitva egyszerre, amelyek lényegében mindegyik külön böngésző. A felhasználó számára azonban ezek mind ugyanannak a böngészőnek az ablakai, amelyek kölcsönhatásba léphetnek egymással. Ezen ablakok bármelyikében megnyithatja az Ablak menüt, és megtekintheti a három ablakot tartalmazó listát. ábrán. Az 5.10 azt a helyzetet mutatja, amikor ez az alsó ablaknál történik.

Rizs. 5.10. Frame Windows megnyitása Netscape Browserben

Mindegyik ablak külön-külön bezárható (a Fájl menü Bezárás parancsával). A böngészővel végzett munka befejezéséhez bármelyik ablakban nyissa meg a Fájl menüt, és hajtsa végre a Kilépés menüpontot (5.11. ábra).

Ha egyszerre több ablakot is kinyitottunk, akkor mindegyik bezárul, de előtte figyelmeztető üzenet jelenik meg (5.12. ábra).

Minden böngészőablaknak saját beállításai lehetnek (bár nem mindegyik). Nézd meg az ábrát. 5.11. Két ablak van nyitva, amelyek közül az egyik három keretre van osztva. Ugyanaz a dokumentum a három keretből kettőbe, valamint egy külön ablakba kerül betöltésre. Az egyes ablakok paramétereinek önálló konfigurálása lehetővé teszi, hogy ugyanazt a dokumentumot különböző módokon jelenítse meg. Ebben a példában a dokumentum betűmérete az egyik ablakban nagyobb, mint a másikban. Ezt a hatást úgy érik el, hogy az egyes ablakokhoz más-más kódolást állítanak be (a Beállítások menü Dokumentumkódolása vagy 4.x verzió esetén a Nézet menü Karakterkészlet eleme), és mindkét kódolás ugyanazt a betűtípust használja, de eltérő méretben. . Az Általános beállítások menü bármely elemének módosítása az összes ablakot érinti.

Rizs. 5.11. Kilépés a Netscape böngészőből

Rizs. 5.12. Figyelmeztetés a Netscape böngésző bezárásakor

További böngészőfunkciók

A megfelelő paraméterekkel rendelkező keretek fenti leírási címkéi szinte azonos módon vannak megvalósítva a Netscape és a Microsoft Internet Explorer böngészőkben, azonban ezek a böngészők mindegyike lehetővé teszi saját egyedi címkék vagy paraméterek használatát.

A Netscape böngésző funkciói

A Netscape böngésző a 3.0-s verziótól kezdve három további paraméter használatát teszi lehetővé: BORDER, FRAMEBORDER és BORDERCOLOR. A BORDER paraméter csak a címkében kerül alkalmazásra ... A BORDER paraméter értéke határozza meg a keretek közötti szegélyek vastagságát pixelben.

A FRAMEBORDER paraméter ugyanúgy használható, mint a címkében , és a címkében és meghatározza a keretek közötti határ meglétét. Ez a paraméter lehet Igen vagy NEM. Ha a paraméter be van írva a címkébe , akkor hatása ennek a csoportnak az összes keretére vonatkozik. Egyedi keret esetén az érték felülbírálható. Az alapértelmezett az Igen.

Vegye figyelembe, hogy a BORDER és a FRAMEBORDER paraméterek egymástól függetlenül működnek. Például, ha a FRAMEBORDER értéke NO-ra van állítva, és a BORDER értéke nullától eltérő, akkor nem a keretek közötti határ kerül megrajzolásra, hanem a BORDER paraméter értéke által meghatározott hely. , továbbra is kiosztásra kerül.

A BORDERCOLOR paraméter ugyanúgy használható, mint a címkében , és a címkében és meghatározza a keret színét, amely a szín nevével vagy hexadecimális ábrázolásával adható meg.

Mondjunk egy példát:

Ennek a HTML-kódnak az első sora három keretet határoz meg, köztük egy 10 pixeles szegéllyel (5.13. ábra).

Rizs. 5.13. Határok húzása a keretek között a Netscape böngészőben

A keret ablakok "A" és "in" között a FRAMEBORDER paraméter NO értéke miatt nem húzódnak meg, viszont a szegély színe piros (piros). Az utolsó "c" képkocka esetében a FRAMEBORDER értéke Igen, és felülírja az első sorban beállított értéket. Ezért az „in” és „C” nevű keretek között továbbra is 10 pixel vastagságú piros szegély lesz rajzolva.

jegyzet

Ha nem húzunk kereteket a keretek közé, a Netscape böngésző nem engedi átméretezni a kereteket a keretek egérrel való húzásával, még akkor sem, ha a NORESIZE paraméter hiányzik. A Microsoft Internet Explorer esetében más a helyzet.

Vegye figyelembe, hogy a keret nélküli kereteket nem olyan ritkán használják. Emlékeztetni kell arra, hogy a szegélyek hiánya nem akadályozza meg a görgetősávok megjelenését (5.14. ábra).

Rizs. 5.14. Görgetősávok szegély nélküli keretben

Microsoft Internet Explorer böngésző képességei

A Microsoft Internet Explorer lehetővé teszi a FRAMEBORDER paraméter használatát a fent leírtakkal megegyező célokra, de nem teszi lehetővé a szegélyek színének és vastagságának beállítását. A FRAMEBORDER paraméter értéke azonban csak egy „O” numerikus érték lehet a szegély meghúzásához, vagy egy nem nulla numerikus érték a szegély rajzolásához.

A FRAMEBORDER paraméterértékek beállításának szabályai a különböző böngészőkben nagyon kellemetlenek. Próbálja meg például a FRAMEBORDER = Igen beállítást. Ez igaz a Netscape-re, de a Microsoft Internet Explorer esetében hiányzó szegélyt eredményez. Az előző példa (5.13. ábra) a Microsoft Internet Explorerben nézve keret nélkül jelenik meg.

Tanács

Javasoljuk, hogy a FRAMEBORDER paraméter értékét mindig numerikus formában írja be, például FRAMEBORDER = 0. Ez összhangban van a Microsoft Internet Explorer paraméterírási szabályaival, de sérti a Netscape szabályait (bár ez utóbbi helyesen érzékeli).

jegyzet

Ha a keretek közötti keretek nincsenek megrajzolva, akkor a Microsoft Internet Explorer (a Netscape-től eltérően) a NORESIZE paraméter hiányában lehetővé teszi a keretek méretének "érintését" a keretek egérrel történő húzásával. Az egérmutató alakjának megváltoztatásával elkaphatja azt a helyet, ahol a keretnek lennie kell.

A Microsoft Internet Explorer böngésző lehetővé teszi a címkébe írt további FRAMESPACING paraméter használatát , amelynek értéke határozza meg, hogy a képkockák között hány pixel marad üresen.

Mutassunk egy példát, melynek eredményét az ábra mutatja. 5.15.

A keretek közötti távolság megváltoztatása

Rizs. 5.15. Fehér szóköz a keretek között a Microsoft Internet Explorerben

jegyzet

Sajnos sok HTML leírás tévesen jelzi, hogy a FRAMESPACING paramétert kell használni a címkében ... A Microsoft Internet Explorer lehetővé teszi ennek a paraméternek a használatát csak címkében .

Lebegő keretek

A Microsoft Internet Explorer böngésző egyedi címkét tesz lehetővé amely a lebegő keretek koncepcióját valósítja meg. A normál keretekkel ellentétben a lebegő keretek leírhatók egy normál HTML dokumentum szövegében. A címkét nem támogató böngészők <IFRAME>, keret helyett a között rögzített információkat jeleníti meg <IFRAME>és... A TEGS-ben pontosan ugyanazokat a paramétereket alkalmazza, mint a szabályos kereteket leíró címkében <FRAME>... Az egyetlen kivétel a NORESIZE paraméter, ami értelmetlen, mivel a lebegő keretek méretét a felhasználó amúgy sem módosíthatja a dokumentum megtekintésekor.</p> <p>Ezen kívül a következő további paraméterekkel lehet beállítani a lebegő keret helyzetét és méretét a dokumentumban: WIDTH, HEIGHT, HSPACE, VSPACE, ALIGN. Céljuk és használati sorrendjük egybeesik a beágyazott képek megfelelő paramétereivel, amelyeket a címke állít be <IMG>. </p> <p>Íme egy példa a lebegő keretek használatára:</p> <p><HTML> </p> <p><HEAD> </p> <p><TITLE>Lebegő keretek használata</TITLE> </p> <p></HEAD> </p> <p><BODY> </p> <p><CEMTEK><H2>Példa a lebegő keretek fogalmának használatára</H2></СЕМТЕК> </p> <p><IFRAME SRC=float.htm NAME="A" HEIGHT=300 WIDTH=40% HSPACE=10 SCROLLING=YES ALIGN=RIGHT> </p> <p>Az Ön böngészője nem teszi lehetővé lebegő keretek megjelenítését</p> <p>

A Microsoft Internet Explorer az első böngésző (és egyelőre az egyetlen), amely támogatja az úgynevezett "lebegő" kereteket.

Az ilyen keretek bárhol elhelyezhetők a képernyőn, akárcsak a grafikák és a táblázatok.

A szöveg jobb oldalán lévő keret egy speciális címke segítségével kerül az oldalra ... A jobbra igazítást a keret létrehozásakor adták meg.</p> <p></BODY> </p> <p></HTML> </p> <p>Ennek a példának a Microsoft Internet Explorer böngészővel való megjelenítésének eredményét az ábra mutatja. 5.16. Azok a böngészők, amelyek nem támogatják a lebegő keretek koncepcióját, ebben a példában a float.htm dokumentum tartalmának megjelenítése helyett a „Böngészője nem engedélyezi a lebegő keretek megjelenítését” szöveget adja vissza.</p> <span> <br><img src='https://i2.wp.com/webnav.ru/books/html4/frames/20.gif' width="100%" loading=lazy loading=lazy></span> <p><i><span><b>Rizs. 5.16.</b> Lebegő keret a Microsoft Internet Explorerben</span> </i></p> <p>Vegye figyelembe, hogy a lebegő keretek fogalma ideológiájában hasonló a soron belüli képekhez vagy táblázatokhoz. Itt, a HTML-dokumentum kívánt helyére egy másik HTML-dokumentum van teljesen beágyazva.</p> <p><i><b>Tanács</b> </i></p> <p><i> <span>Jelenleg a lebegő keretek használata egyetlen böngészőre korlátozódik - a Microsoft Internet Explorer 3.0 és újabb verzióira. Kérjük, vegye figyelembe, hogy más böngészők (különösen a Netscape) felhasználói nem láthatják a lebegő keretek tartalmát.</span> </i></p> <p>Eszközök kereteket tartalmazó dokumentumok létrehozásához</p> <p>A kereteket tartalmazó HTML-dokumentum, mint bármely más dokumentum, manuálisan létrehozható vagy szerkeszthető bármely elérhető szövegszerkesztővel. A legtöbb speciális HTML-szerkesztő vagy nem képes vizuálisan kereteket létrehozni, vagy nagyon korlátozott képességekkel rendelkezik. Számos dedikált szerkesztő van, amelyek a keretek létrehozására összpontosítanak. Röviden ismertetjük néhányuk képességeit.</p> <p><b><span>FrameGang keretszerkesztő</span> </b></p> <p>Az egyik ilyen szerkesztő az ausztrál Sausage Software cég által kifejlesztett FrameGang segédprogram, amely ismertebb a népszerű HotDog HTML szerkesztőjéről.</p> <p>A szoftvertermékkel kapcsolatos információk a következő címen érhetők el <b>http://www.sausage.com</b>, valamint az internetes szoftvertermékek gyűjteményéből (a <b>http://www.tucows.com</b> vagy bármely más a több tucat tükörszerver közül, amelyek szétszórva vannak a világon).</p> <p>A FrameGang segédprogram bármely Windows HTML- vagy szövegszerkesztő kiegészítője, amely lehetővé teszi a szükséges keretstruktúra vizuális felépítését, majd a megfelelő HTML-kód generálását. A fogadott HTML-kód a Windows vágólapján (Vágólapon) átvihető a HTML-szerkesztőbe. A FrameGang program lehetővé teszi a kívánt keretszerkezet gyors felépítését.</p> <p>Nézzük meg a program lehetőségeit. Miután telepítette ezt a programot a Windows rendszerbe és elindította azt, javasoljuk, hogy válasszon egyet az első (felső) szintű keretek két lehetséges struktúrája közül - a keretek oszlopos elrendezése (Oszlopok) vagy soronként (Rows), valamint határozza meg a számukat. A jövőben az első szint minden egyes kerete szükség esetén felosztható a második szint több keretére. A keretek több szintje nincs megadva, de ez nem jelent jelentős korlátozást, mivel a gyakorlatban kettőnél több szintet ritkán használnak.</p> <p>Vegyünk például négy, oszlopokba rendezett keretet. A következő lépés egy második szintű keretstruktúra létrehozása, amely a meglévő keretek ellentétes irányú felosztásával történik. Ebben a példában a kereteket csak vízszintesen lehet felosztani. A második szintű keretek létrehozása a Hozzáadás menüpontban történik, melynek megvalósítása újabb frame-t ad az aktuálishoz.</p> <p>Vegye figyelembe, hogy a keretben lévő vicces képek nem hordoznak szemantikai terhelést, és csak az üres hely kitöltésére szolgálnak. Rajzolásuk az Opciók menüben törölhető. Vegye figyelembe azt is, hogy a gyártó neve (kolbász - kolbász) és néhány szoftvertermék neve (HotDog - nem szükséges fordítás) meghatározta a csomag interfész stílusát - sok menüpontban kolbász képe található.</p> <p>A keretek szerkezetének meghatározása után be kell állítani a méretüket. Ezt úgy teheti meg, hogy egyszerűen húzza a keretszegélyeket az egérrel, ugyanúgy, mint az ablakok átméretezésekor Windows rendszeren. Az aktuális keret beállított méretei százalékban jelennek meg a Width és Height nevű mezőben. Ha nem százalékban, hanem pixelben vagy relatív mértékegységben kell beállítani a keretméreteket, akkor a kapott HTML kódot manuálisan kell módosítani a FrameGang programon kívül.</p> <p>Ezután minden egyes kerethez be kell állítani a nevét (Name), amely elhagyható, a keretbe kezdetben betöltött dokumentum URL-jét (Frame URL), valamint ki kell választani a Resizeable Frame Border paraméter értékét és a paramétert. a keret tartalmának görgetéséhez (Frame Scrolling).</p> <p>A FrameGang program elhagyása nélkül bármikor megtekintheti a létrehozott keretszerkezetet a kiválasztott külső böngészőben. Ehhez használja az Előnézet gombot. A böngésző nevét a Beállítások menüben állíthatja be. Az összes paraméter megadása után a kiválasztott keretszerkezetnek megfelelő HTML kódot kell generálni, amely a Windows vágólapjára kerül (HTML Compile gomb). Az így kapott kód beilleszthető a vágólapról a HTML-fájl kívánt helyére, ha bármilyen szerkesztőben dolgozik.</p> <p>A fájl mentése (Save) és megnyitása (Open) gombok csak a FrameGang programra jellemző speciális kódolásban teszik lehetővé a fájl mentését és olvasását, más célra nem.</p> <p>Alább látható a FrameGang program által a leírt példához generált HTML-kód:</p> <p><FRAMESET COLS="25%,25%,25%,25%"> </p> <blockquote> <p><FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_A"> </p> <p><FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_B"> </p> <p><FRAMESET ROWS="50%,50%"> </p> <blockquote> <p><FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_C1"> </p> <p><FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_C2"> </p> </blockquote> <p></FRAMESET> </p> <p><FRAME SCROLLING=AUTO SRC="Empty.htm" NAME="Frame_D"> </p> </blockquote> <p></FRAMESET> </p> <p>A helyes HTML-dokumentum beszerzéséhez a kapott kódot a címkék közé kell zárni <HTML>és</HTML>... Hozzáadhat egy cím részt a dokumentumhoz <HEAD>, amelyben megadhatja a szükséges adatokat, például a dokumentum nevét (ne feledje, hogy a dokumentum neve a címkék közé van írva <TITLE>és</TITLE>). Vegye figyelembe, hogy a modern böngészők akkor is működhetnek megfelelően, ha hiányoznak a szükséges címkék. Ha a fenti HTML-t fájlként menti a megfelelő kiterjesztéssel, még címkék hozzáadása nélkül is, a Netscape Navigator és a Microsoft Internet Explorer is képes lesz megfelelően megjeleníteni a dokumentumot.</p> <p>A FrameGang program lehetővé teszi a keretek vizuális tervezését, meglehetősen kényelmes és könnyen használható, de nem mentes bizonyos hátrányoktól. Konkrétan nem lehet megadni a keretek méretét a szükséges számok beírásával a Szélesség és Magasság ablakokba, mivel ezek csak a keretszegélyek egérrel történő mozgatásakor beállított méreteket jelenítik meg. A MARGINWIDTH és MARGINHEIGHT keretek általános paraméterei nincsenek beállítva. Nem lehet szöveges formátumú fájlt lemezre írni, ami lehetetlenné teszi a program offline használatát.</p> <p><b><span>Frame-It Frame szerkesztő</span> </b></p> <p>Egy másik speciális keretszerkesztő a Frame-It, amely itt található:</p> <p><b><span>http://www.iinet.net.au/~bwh/frame-it.html</span> </b></p> <p>Ezzel a programmal való munka sok tekintetben hasonlít az előzőhöz. Először is meg kell határoznia a keretek alapvető szerkezetét és azok számát. Ezenkívül minden keretet, ha szükséges, több, a második szint struktúrájára osztanak fel. Az előző programhoz hasonlóan a keretek egymásba ágyazásának szintjei kettőre korlátozódnak.</p> <p>Minden egyes kerethez a megfelelő mezők kitöltésével beállítjuk az összes szükséges paramétert. Az előző programtól eltérően ez a program lehetővé teszi a MARGINWIDTH és MARGINHEIGHT paraméterek értékeinek beállítását. Ezen kívül bekerült az Invisible Frame Borders jelölőnégyzet, melynek beállítása biztosítja a következő kódrészlet generálását:</p> <p>FRAMEBORDER = "NO" BORDER = "0" FRAMESSPACING = "0".</p> <p>A szükséges keretparaméterek megadása után a generált HTML kódot fájlba menthetjük, vagy a Windows vágólapjára írhatjuk. A generált kód nem csak a keretszerkezet leírását fogja tartalmazni, hanem egy kezdőcímkét is <HTML>és pár cédulát is <NOFRAMES>és</NOFRAMES> amelyek közé a kereteket nem megjelenítő böngészőknek szánt információkat írnak.</p> <p>Egy konkrét példa esetében a következő kód jön létre:</p> <p><html> </p> <p><! --- Generated using Frame-it v1.21 --- > </p> <p><! --- http://www.iinet.net.au/~bwh/frame-it.html ---> </p> <p><frameset cols="25%,25%, 25%, 25%" FRAMEBORDER="NO" BORDER="0" </p> <p>FRAMESSPACING = "0"></p> <p><frame name="Frame_1" src="Empty.htm"> </p> <p><frame name="Frame_2" src="Empty.htm"> </p> <p><frameset rows="50%,50%"> </p> <p><frame name="Frame_3" src="Empty.htm"> </p> <p><frame name="Frame_5" src="Enipty.htm"> </p> <p></frameset> </p> <p><frame name="Frame_4" src="Empty.htm"> </p> <p></frameset> </p> <p><noframes> </p> <p><body> </p> <p>keretezett</p> <p></noframes> </p> <p>Ha ebben a példában törli a Láthatatlan keretszegélyek jelölőnégyzet bejelölését, akkor a generált kód jelentősen megváltozik:</p> <p><html> </p> <p><! --- Generated using Frame-it vl.21 --- > </p> <p><! --- http://www.iinet.net.au/~bwh/frame-it.html ---> </p> <p><frameset cols="25%,25%,25%,25%"> </p> <p>görgetés = automatikus méretezés></p> <p>görgetés = automatikus méretezés></p> <p><frameset rows="50%,50%"> </p> <p>görgetés = automatikus méretezés></p> <p>görgetés = automatikus méretezés></p> <p></frameset> </p> <p>görgetés = automatikus méretezés></p> <p></frameset> </p> <p><noframes> </p> <p><body> </p> <p>A böngészője nem tudja megjeleníteni a dokumentumokat</p> <p>keretezett</p> <p></noframes> </p> <p>Tájékoztatás a keretek használatáról a WWW-en</p> <p>A keretekkel kapcsolatos információkért keresse fel a következő címeket a WWW-n:</p> <p>http://www.spunwebs.com/sites2c/frmtutor.html</p> <p>http://union.ncsa.uiuc.edu/HyperNews/get/www/html/guides.html</p> <p>http://cox.asu.edu/Trial/faq/webfaqs/frame/</p> <p>http://www.netlingo.com/more/framestarget.html</p> <p>http://www.aubg.bg/beast/students/raduluc/teach/fr/</p> <p>http://www.as.net/frame/</p> <p>http://www.cqi.com/~pmurphey/instruction/</p> <p>http://www.iwaynet.net/~rtyler/htmltutorial/frames.html</p> <p>http://edbo.com/frames/</p> <p>http://bela.fei.tuke.sk/netscape/frames/</p> <p>http://www.newbie.net/frames/2ed/rnenu.htmtfcontents</p> <p>http://infoserver.etI.vt.edu/coe/COE_Students/laughon/frame.html</p> <p>http://www.htmlhelp.com/frames/syntax/</p> <p>http://www.woodhill.co.uk/html/</p> <p>http://www.htmlhelp.com/design/frames/</p> <p><b>Keretek</b> A képernyő négyszögletes területei, amelyek mindegyike saját HTML-dokumentumot tartalmaz. A keretek nagyszerűek a következő dokumentumokhoz:</p> <li><i>Tartalomjegyzék</i>... Ha egy tartalomjegyzéket egy weboldal függőleges oszlopába helyez el, azt a felhasználó bármikor elérheti, és nem kell folyamatosan a gombra kattintania, hogy visszatérjen az előző oldalra. Mivel egy keretben a tartalomjegyzék mindig kéznél lesz, a felhasználónak csak egy másik elemet kell kiválasztania, és azonnal meg kell szereznie a szükséges információkat.</li><li><i>Fix interfész elemek</i>... Rögzíthet valamilyen grafikus képet a képernyőn, például egy céglogót, miközben az oldal többi része egy másik keretben gördül.</li><li><i>Formák és eredmények</i>... Létrehozhat egy űrlapot az egyik keretben, és megjelenítheti a lekérdezés eredményeit egy másikban. <br><p>A normál keretek jelenleg elavult technológiának számítanak, és a HTML5 nem támogatja őket. Ne használjon normál kereteket a projektjeihez! A HTML5 címkék <b>keret</b>, <b>keretkészlet</b>és <b>noframes</b> egyszerűen nincs többé, helyettük egyetlen iframe tag van (inline vagy floating frame).</p> <h3>Címke <FRAMESET></h3> <p>Címke <b><FRAMESET> </b>- helyettesíti a címkét <BODY>és a képernyő felosztására szolgál. Zárócímkével rendelkezik.</p> <h4>Attribútumok</h4></li><li><b>COLS</b>... Függőlegesen osztja el a képernyőt. Elfogadja az értékeket pixelben, százalékban vagy csak *-ban. A * érték azt jelzi, hogy egy adott oszlop foglalja el a képernyő többi részét</li><li><b>SOROK</b>... Vízszintesen osztja el a képernyőt. Elfogadja az értékeket pixelben, százalékban vagy csak *-ban. A * érték azt jelzi, hogy egy adott sor fogja elfoglalni a képernyő többi részét</li><li><b>KERETSZEGÉLY</b>... Meghatározza a keretek jelenlétét, pl. keretszegélyek. Elfogadja az "igen" vagy a "nem" értékeket.</li><li><b>HATÁR</b>... Meghatározza a keret szélességét pixelben.</li><li><b>BORDERSZÍN</b>... Meghatározza a keretek színét. Alapértelmezés szerint (ha a szabványos Windows színsémát használja) a keretszegélyek tompa, szürke árnyalatúak. De ha akarod, bármilyen más színt is választhatsz. Egy szín meghatározásakor kiválaszthatja mind a nevét, mind a számszerű megfelelőjét az RGB rendszerben. Például KÉK vagy # 0000FF. <p>Külön címkében <FRAMESET>célszerű csak az attribútumok egyikét használni - COLS vagy ROWS. Ez azt jelenti, hogy a keretszerkezet vagy csak oszlopokból, vagy csak sorokból fog állni. Az oszlopokon belüli sorok vagy a sorokon belüli oszlopok létrehozásához beágyazott tárolókra van szükség <FRAMESET>…</FRAMESET>.</p> <h4>Példa</h4> <p><FRAMESET COLS="25٪,75٪" FRAMEBORDER="YES" BORDER="2"><br> <FRAMESET ROWS="50٪,50٪" FRAMEBORDER="YES" BORDER="2"><br> </FRAMESET><br> <FRAMESET ROWS="10٪,90٪" FRAMEBORDER="YES" BORDER="2"><br> </FRAMESET><br> </FRAMESET></p> <p>Eredmény:</p> <p>Vegye figyelembe a keretszámozási sorrend különbségét is.</p> <h3>Címke <FRAME></h3> <p>Címke <b><FRAME> </b> edénybe helyezve <FRAMESET>…</FRAMESET>, meghatározza, hogy egy adott keretben pontosan mit kell megjeleníteni. Nincs végcímke.</p> <h4>Attribútumok</h4></li><li><b>SRC</b>... Megadja az adott kerethez társított URL-t.</li><li><b>MARGIN SZÉLESSÉG</b>... Meghatározza a távolságot a keret tartalma és a jobb és bal oldali szegélyei között.</li><li><b>MARGINHEIGHT</b>... Meghatározza a távolságot a keret tartalma és a felső és alsó szegélye között.</li><li><b>GÖRGETÉS</b>... Meghatározza a görgetősáv jelenlétét a keretablakban. Lehet "igen", "nem" és "auto" (alapértelmezett).</li><li><b>NORESIZÁLÁS</b>... A keret határait "keménykódoltként" határozza meg, és megakadályozza, hogy a felhasználó átméretezze a keret ablakát. Ezen túlmenően minden olyan keret mérete rögzítve van, amelyeknek közös szegélye van a rögzítetttel.</li><li><b>KERETSZEGÉLY</b>, <b>HATÁR</b>, <b>BORDERSZÍN</b>... Ezek az attribútumok keretekhez vannak társítva, és hasonlóak a címkében lévőkhöz <FRAMESET>.</li><li><b>NÉV</b>... Megadja a keretablak nevét. Az egyetlen attribútum, amely nem befolyásolja a keret megjelenését. Lehetővé teszi a keretek betöltésének folyamatát. Ha egy keretablaknak egyedi neve van, akkor más keretekből közvetlenül is elérhető. A keretablakok elnevezésekor ne feledjen egy korlátozást: a név nem kezdődhet aláhúzásjellel "_", különben figyelmen kívül hagyja. Mivel néhány szolgáltatásnév ezzel a szimbólummal kezdődik. <h4>Példa</h4> <p><FRAMESET COLS="25٪,75٪" FRAMEBORDER="yes" BORDER="5" BORDERCOLOR="#008800"><br> <FRAME src="left.htm" MARGINWIDTH="20" MARGINHEIGHT="20"><br> <FRAME src="right.htm" NAME="main_window" MARGINWIDTH="0" SCROLLING="no" NORESIZE><br> </FRAMESET></p> <h3>A címke használata <b>A</b> keretbe tölteni</h3> <h4>Attribútumok</h4></li><li><b>Href</b>... Megadja annak az új dokumentumnak az URL-címét vagy nevét, amelyet egy adott keretablakba szeretne betölteni.</li><li><b>CÉL</b>... Megadja annak a keretnek a nevét, amelybe az új dokumentumot betölti. Ezt a nevet a címkében található NAME attribútumnak kell hozzárendelnie a kerethez <FRAME>. <p>A következő példa a képernyőt két függőleges területre osztja fel. A bal alsó oldal tartalmazza a tartalomjegyzéket, míg a jobb oldal az összes többi HTML dokumentumot betölti. A tartalomjegyzék fájl egyszerű szöveges hiperhivatkozásokat tartalmaz a megfelelő szakaszokhoz. Ahhoz, hogy minden működjön, létre kell hoznia HTML dokumentumokat a cosm.htm, eat.htm, perf.htm, massage.htm és manic.htm fájlokban.</p> <h4>Példa</h4>  <HTML> <FRAMESET COLS="25٪,75٪" FRAMEBORDER="yes" BORDER="5" > <FRAME src="left.htm" NAME="toc_window"> <FRAME src="right.htm" NAME="main_window"> </FRAMESET> </HTML>  <HTML> <H3>Tartalomjegyzék</H3> <UL> <LI>Áruk <UL> <LI>Kozmetikumok <LI>Táplálék-kiegészítők <LI>Illatszerek</UL> <LI>Szolgáltatások <UL> <LI>Masszázs <LI>Manikűr</UL> </UL> </BODY> </HTML>  <HTML> <BODY> <H1>Helló!</H1> </BODY> </HTML> <h3>Címke <BASE></h3> <p>Címke <b><BASE> </b> megóvja attól a fáradságtól, hogy minden egyes hiperhivatkozáson megismételje a TARGET attribútumot, ha mind ugyanarra a keretablakra mutat. Ehhez el kell helyeznie a címkét <BASE>TARGET attribútummal a tárolóhoz <HEAD>…</HEAD>.</p> <p>A címke használata <b><BASE> </b> lehetővé teszi az előző példa bal.htm tartalomjegyzékfájljának méretének csökkentését.</p> <h4>Példa</h4>  <HTML> <HEAD> <BASE TARGET="main_window"> </HEAD> <H3>Tartalomjegyzék</H3> <UL> <LI>Áruk <UL> <LI>Kozmetikumok <LI>Táplálék-kiegészítők <LI>Illatszerek</UL> <LI>Szolgáltatások <UL> <LI>Masszázs <LI>Manikűr</UL> </UL> </BODY> </HTML> <p>Tulajdonság <b>CÉL</b> minden egyes hivatkozást az azonos nevű tag attribútum helyettesít <b><BASE> </b>.</p> <h4>Példa</h4>  <HTML> <FRAMESET COLS="20٪,40٪,*" FRAMEBORDER="yes" BORDER="5"> <FRAME src="left.htm" NAME="toc_window"> <FRAME src="wares.htm" NAME="wares_window"> <FRAME src="service.htm" NAME="service_window"> </FRAMESET> </HTML>  <HTML> <HEAD> <BASE TARGET="wares_window"> </HEAD> <H3>Tartalomjegyzék</H3> <UL> <LI>Áruk <UL> <LI>Kozmetikumok <LI>Táplálék-kiegészítők <LI>Illatszerek</UL> <LI>Szolgáltatások <UL> <LI>Masszázs <LI>Manikűr</UL> </UL> </BODY> </HTML>  <HTML> <BODY> <H1>Itt vannak az áruk!</H1> </BODY> </HTML>  <HTML> <BODY> <H1>Itt vannak a szolgáltatások!</H1> </BODY> </HTML> <h3>A TARGET attribútummal kapott speciális effektusok</h3> <p>Mint már említettük, a keretnevek nem kezdődhetnek aláhúzással, mivel a szolgáltatásnevek ezzel kezdődnek, ami speciális információkat közvetít a böngésző számára. Az alábbiakban speciális nevek találhatók, amelyek mindegyike egy adott hatás elérésére szolgál.</p></li><li><b>TARGET = "_ üres"</b>... A dokumentum betöltődik egy új böngészőablakba.</li><li><b>CÉL = "_ önmaga"</b>... A dokumentum betöltődik az aktuális ablakba.</li><li><b>CÉL = "_ szülő"</b>... A dokumentum betöltődik a szülőkeretbe. Ez általában egy keret egy tartályban. <FRAMESET>…</FRAMESET> a jelenlegi előtt. Ha nincs szülő keret, akkor a "_parent" értéke megegyezik a "_self" értékkel.</li><li><b>TARGET = "_ felső"</b>... A dokumentum a legfelső keretbe kerül betöltésre. <p>Alapvetően ezeknek a szolgáltatásneveknek az a célja, hogy így vagy úgy "kitörjenek" a jelenlegi keretszerkezetből. Kísérletezzen velük, hogyan tölthet be dokumentumokat különböző ablakokba.</p> <h3>Címke <IFRAME></h3> <p>A HTML 4.0 lebegő (vagy inline) kereteket vezetett be. A címke használata <IFRAME>egy keretet elhelyezhet egy normál HTML dokumentumban. Sőt, a konténer <FRAMESET>…</FRAMESET> itt nincs szükség.</p><p>Végcímke kívánt!
Attribútumok
ALING... Meghatározza az igazítás típusát. A „bal”, „közép”, „jobb” értékeket veszi fel.
MAGASSÁG... Megadja a keret magasságát pixelben
SZÉLESSÉG... Meghatározza a keret szélességét pixelben.
SRC, MARGINWIDTH, MARGINHEIGHT, SCROLLING, FRAMEBORDER, BORDER, BORDERCOLOR, NAME... Hasonlóak a korábban tárgyaltakhoz.
vspase... A felső és alsó margót az iframe külső oldalára állítja
hspase... Az oldalsó margókat az iframe külső oldalára állítja
margószélesség... Meghatározza a behúzás mértékét az iframe bal és jobb széle mentén; egyenlőnek vagy nagyobbnak kell lennie 1-gyel.
marginmagasság... Meghatározza a párnázás mennyiségét az iframe felső és alsó széle mentén; egyenlőnek vagy nagyobbnak kell lennie 1-gyel.
görgetés... Azt jelzi, hogy a görgetősáv megjelenik-e az iframe-ben; érték lehet "igen", "nem" vagy "auto". A normál dokumentumok alapértelmezett beállítása az automatikus.
cím... Eszköztipp szövege.
Címke
Hogyan tölthetek be egy keretet további fájlok nélkül?

Ha külső fájlok nélkül szeretne betölteni egy keretet, a keret HTML-kódját egy változóba kell helyeznie, majd SRC címkéként adja meg a "javascript: szülő. <i>változó neve</i>".</p><p> <script language="JavaScript"> var varFrame = "<html><body> HTML-код "; </script> ... <iframe src="javascript:parent.varFrame">
Címsor probléma a webhely keretezésével

A keretek használatakor a webhely egy oldalt használ, amely jelzi a keretek helyét.

Nézzünk egy példát egy ilyen oldalra:
...
Az oldal betöltése után az információk keretekbe töltődnek be. Minden felhasználói átmenet a webhely oldalain ezeken a kereteken belül történik. A címsor mindig csak az elérési utat jeleníti meg kezdőlap ami nem változik az átmenetek során. A látogató nem tudja, hol van Ebben a pillanatban.

Ha a látogató nem megy azonnal a webhely főoldalára (például egy keresőmotorból), akkor ez nem vezet a keretek általános szerkezetének rekonstrukciójához. Ez az oka annak, hogy az oldal tulajdonosa nem tudja megadni a címet az oldal belső oldalán.

Számos megoldás létezik erre a problémára.

A keretszerkezet példáját korábban tárgyaltuk. megfontoljuk különböző utak a probléma megoldása rajta van.

Az ötlet a következő: az információs részt tartalmazó oldal betöltésekor ellenőrizzük az oldal környezetét, és ha hiányzik a szükséges keretstruktúra, akkor script segítségével elkészítjük.

Három eset lehetséges:

a látogató a keretszerkezetet tartalmazó oldalra ment;

a látogató az egyik információs oldalra ment;

a látogató a navigációs menüvel jutott el az oldalra.

Az első esetben az ellenőrzés elvégzése után nincs szükség teendőre. A második és a harmadik szinte azonos, ezért a továbbiakban csak a második esetet fogjuk figyelembe venni.

Így a látogató oda kerül, "ahova nem szükséges". Az oldal legelejére illesszen be egy szkriptet, amely keretszerkezetet hoz létre.

A megoldás kliens és szerver oldalon is megvalósítható. A kliensoldali megvalósítás fő hátránya nyilvánvaló - az ügyfél képességeitől és beállításaitól függ. Például a parancsfájlok végrehajtása tilos a felhasználó számítógépén. A második lehetőség nem működik, ha nincs támogatás a szerveren PHP.

JavaScript megoldás.

Ennek a megközelítésnek van egy korlátozása – nem minden böngésző támogatja JavaScript, és bizonyos esetekben a felhasználók maguk tiltják le a szkripteket.

Először ellenőrizzük az oldal környezetét, majd a szükséges keretstruktúra hiányában elkészítjük.

Hozzunk létre egy fájlt frame.js :
If (ablak.név! = "Fő") (ablak.név = "gyökér"; document.write (" "); document.write (" "); document.write (" "); document.write (""); }
Először ellenőrizzük annak az ablaknak a címét, amelybe az oldal betöltődik: if (ablak.név! = "fő")... Ha az ablak és a keret neve nem egyezik, akkor létre kell hoznia egy keretszerkezetet. Ez dinamikusan történik a módszer segítségével ír tárgy dokumentum.

A fájlt a webhely minden oldalához csatlakoztatjuk frame.js ... Mostantól a webhely oldalainak szerkezete a következő lesz:
... ...

A probléma megoldásának ezzel a megközelítésével megszűnik a keretszerkezetet tartalmazó fájl szükségessége.

PHP megoldás

Ezzel a megközelítéssel az oldal nagyobb számú látogató számára válik elérhetővé.

Az oldal környezetét más módon fogjuk ellenőrizni (nem úgy, mint használatkor JavaScript). A dokumentumot a paraméterrel betöltjük a keretbe keretek = igen... Az oldal megnyitásakor ezt a paramétert ellenőrizzük, és szükség esetén dinamikusan keretszerkezetet készítünk. Az alábbiakban látható az ezért felelős kód.

A kód behelyezése egy fájlba keretek.php ... Most csatlakoztatnia kell a webhely minden oldalához. Az alábbiakban egy példa látható egy ilyen oldalra.
keretek igényel ("frames.php"); ?> ...

Ebben az esetben, akárcsak az ügyféloldali megvalósításnál, nincs szükség külön létrehozásra HTML keretszerkezetet leíró dokumentum.

.

A keretek olyan HTML elemek, amelyek lehetővé teszik egy webböngésző ablak felosztását több független ablakra, amelyekbe mindegyikbe külön HTML dokumentumot tölthet be. Minden ilyen ablaknak (keretnek) lehet saját görgetősávja, és a többi független ablaktól függetlenül működhet, vagy éppen ellenkezőleg, szabályozhatja azok tartalmát. Segítségükkel olyan menüt lehet rendezni, amely állandóan az egyik ablakban, míg maga az információ egy másik ablakban található. A felhasználók bármikor hozzáférhetnek a menühöz anélkül, hogy vissza kellene menniük az előző oldalra egy másik menüpont kiválasztásához. A keretek használatával képeket vagy más tervezett interfész elemeket „dokkolhat” a böngészőablakhoz, miközben az oldal többi része a keretben gördül.
Érdemes azonban megjegyezni, hogy manapság a keretek elavult eszköznek számítanak, a kerettel rendelkező oldalak pedig már méltatlannak számítanak, mivel a professzionális webmesterek soha nem használnak kereteket projektjeikben. Számos hírhedt probléma kapcsolódik a keretekhez. Például összezavarják a keresőmotorokat, mert a tartalmat tartalmazó oldalakon nem találhatók más dokumentumokra mutató hivatkozások. Ha látogatókat szeretne fogadni a kereső motorok felejtsd el a kereteket. A felhasználó nem helyezhet el neki tetsző oldalt a böngésző könyvjelzői közé, mivel a keretek elrejtik annak az oldalnak a címét, amelyen tartózkodik, és mindig csak a webhely címét jelenítik meg. Emiatt problémákat okoznak a böngészőknek az előzmények nyomon követésében, ugyanakkor nem nagyon alkalmazkodnak a különböző képernyőméretekhez és mobil eszközök.
Annak ellenére, hogy a kerettel rendelkező projektek egyre ritkábban fordulnak elő a világhálón, a HTML tanulása hiányos lenne a keretek témakörének figyelembe vétele nélkül. A hátrányok mellett a kereteknek van néhány előnye, amelyek nem teszik lehetővé számunkra, hogy ezt a technológiát kilátástalannak tekintsük.

Keretek létrehozása

A keretekkel rendelkező HTML-dokumentum felépítése nagyon hasonlít egy normál HTML-dokumentum formátumára. A normál HTML-dokumentumokhoz hasonlóan az összes kód a párosított címkék közé kerül és , és a tartályban a fejlécek találhatók. A fő különbség a keretes dokumentum és a normál HTML-dokumentum között az, hogy a címke helyett kerettel rendelkező dokumentum páros címke vonatkozik (az angol keretkészletből - keretkészlet).
A következő példa egy keretekkel rendelkező HTML-dokumentum szerkezetét mutatja be:

Példa: HTML-dokumentum felépítése keretekkel

Próbáld ki magad "

frame_top
frame_left frame_right

Bekeretezett dokumentum

A bemutatott példában az oldal három régiót tartalmaz, amelyek mindegyike először betölti a frame_top.html, frame_left.html és frame_right.html HTML-dokumentumokat. A keret a HTML dokumentumokon kívül grafikát is tartalmazhat. Ehhez az attribútumban meg kell adni a megfelelő kép címét src, például src = "image.gif"... Vegye figyelembe, hogy az elem végcímke nélkül használjuk.
A tartály belsejében csak címkéket tartalmazhat vagy egy másik, címkékkel letakart keretkészlet és .
Címke a következő attribútumokkal rendelkezik:
sorokat- sorokba rendezi a lapozást:

cols- az oszlopokba rendezett oldalszámozást írja le:

Az ilyen oldalfelosztásból származó területek a keretek lesznek. Ezen attribútumok hiánya egy keretet határoz meg, amely a teljes böngészőablakot elfoglalja.
Az attribútumok értelmében sorokatés cols nem a sorok vagy oszlopok számát kell megadni, hanem a keretek szélességének és magasságának értékét. A listában szereplő összes érték vesszővel van elválasztva. A méretek megadhatók abszolút egységben (pixelben) vagy százalékban:

oszlop = "20%, 80%"- a böngészőablak két oszlopra van osztva az attribútum használatával cols, a bal oldali oszlop a böngészőablak 20%-át, a jobb oldali pedig 80%-át foglalja el.

sorok = "100, *" a böngészőablak két vízszintes ablakra van osztva az attribútum használatával sorokat, a felső ablak 100 képpontot foglal el, az alsó ablak pedig a maradék helyet, amelyet a csillag szimbólum jelöl meg.

Amint ebből a példából látható, a konténer attribútummal sorokat először két vízszintes keretet hoz létre, és a másodikat egy újabbra cseréli amely az alsó vízszintes keretet az attribútum segítségével két oszlopra osztja cols, a bal oldali oszlop a böngészőablak 20%-át, a jobb oldali pedig a böngészőablak 80%-át foglalja el.
Ha a böngésző nem támogatja a kereteket, akkor az ablakban megjelenik a címkék között található szöveg ... Minden a címkék között , a kereteket támogató böngészők figyelmen kívül hagyják. Így a fejlesztőnek olyan kódot kell írnia, amely más módon megkettőzi a keretek tartalmát, és ezt a kódot egy konténerbe kell helyeznie.

Lebegő keretek

Elem </b>(az angol "lebegő keret" kifejezés rövidítése) lehetővé teszi egy különálló HTML-dokumentum vagy más erőforrás beágyazását bárhová a weboldalon. A lebegő (inline) keret tartalma lehet bármilyen HTML oldal, mind az Ön erőforrásából, mind egy másik webhelyről. Mint már megértette, a lebegő keretek az elem használatával jönnek létre <b><iframe> </b> amely a címkével ellentétben <b><frame> </b> nincs beszúrva a címkék közé <b><frameset> </b>és <b></frameset> </b>és a címkék között <b><body> </b>és <b><script type="text/javascript">  </script><br> <br> </body> </b> .<br>Elemben <b><iframe> </b> ugyanazokat az attribútumokat használhatja, mint a kereteknél <b></frame> </b> kivéve az attribútumot <b>noresize</b>- a normál keretekkel ellentétben a beépített kereteket nem lehet átméretezni a képernyőn:</p> <table class="table table-bordered"><tr><th>Tulajdonság</th><th>Leírás</th> </tr><tr><td>src</td><td>a keretben megjelenített oldal url-adpeca megadására szolgál</td> </tr><tr><td>magasság</td><td>beállítja a lebegő keretes ablak magasságát pixelben vagy%-ban</td> </tr><tr><td>szélesség</td><td>beállítja a lebegő keretes ablak szélességét pixelben vagy%-ban</td> </tr><tr><td>név</td><td>a keret neve, amellyel linkekben elérhető</td> </tr><tr><td>keretszegély</td><td>beállítja a keretek szegélyét, felveheti az 1 értéket (határ van) vagy 0 (nincs keret) ( <b>A HTML5 nem támogatja</b>) </td> </tr><tr><td>margószélesség</td><td>kitöltés a tartalomtól balra és jobbra a keret határáig ( <b>A HTML5 nem támogatja</b>) </td> </tr><tr><td>marginmagasság</td><td>felső és alsó kitöltés a tartalomtól a keretszegélyig ( <b>A HTML5 nem támogatja</b>) </td> </tr><tr><td>görgetés</td><td>meghatározza a görgetősávok megjelenését a keretben, és a yes (sorok vannak), a no (nincs sáv) és az auto (a sávok megjelennek, ha szükséges) értékeket veszik ( <b>A HTML5 nem támogatja</b>) </td> </tr><tr><td>teljes képernyő engedélyezése</td><td>lehetővé teszi a keret teljes képernyős megjelenítését</td> </tr><tr><td>hspace</td><td>Vízszintes párnázás a kerettől a környező tartalomig</td> </tr><tr><td>vspace</td><td>függőleges párnázás a kerettől a környező tartalomig</td> </tr><tr><td>igazítsa</td><td>meghatározza a keret beállítását</td> </tr></table><p>A következő példában a lebegő keret méretei pixelben vannak megadva, de megadhatjuk %-ban is:</p><p> <iframe src="demo_iframe.htm" width="200" height="200">

Mik azok a keretek?

Az oldal funkcionálisabbá tétele érdekében nagy mennyiségű információt és hivatkozást helyezzen el a látogató számára legkényelmesebb formában, egyáltalán nem szükséges flash technológiák használata. Mindez a html nyelv segítségével lehetséges, melyben kereteket készíthetünk.

Laikus kifejezéssel a keretek további görgetősávok egy ablakban. Az oldalra jutva a látogató ugyanazon az oldalon úgy látja, mintha egyszerre két ablakot látna - az egyikben általában menüelemek vagy egyéb fontos információk, a másikban tartalom (szöveg, árak stb.) található. Ebben az esetben a látogató kényelmesebben tekinthet meg elég terjedelmes oldalakat, és egyben a szeme előtt tarthatja a legfontosabb információkat.

Ha belemélyedünk a részletekbe, akkor a keretes oldal legalább három html-oldalból áll egyszerre - kettő a felhasználó számára látható és egy szolgáltatás (a keretek megjelenítését koordinálja). A látható oldalak egyenként és egyidejűleg is elérhető keretek.

A keretek használatának kétségtelenül fontos előnye az jó minőség használhatóság. Az oldal felülete sokszor kényelmesebbé válik, mint a szabványos elrendezési módszerek használatakor.

Egy időben, 5-6 évvel ezelőtt a keretek sok webmester körében népszerűvé váltak. Ma már csak azokon az oldalakon használják őket, ahol egyszerűen lehetetlen nélkülük megtenni, mivel sajnos a kereteknek jelentős hátrányai vannak a promóció szempontjából.

Keretek – jó vagy rossz?

Három pozícióból mérlegelheti a keretek hasznosságát - a felhasználó pozíciójából, a SEO-szakértő és a webmester pozíciójából.

Az első esetben a keretekhez való hozzáállás nem egyértelmű. Egyrészt néha egyszerűen nem megy nélkülük, és sikeresen helyettesítik a más ablakokban megnyíló szolgáltatási oldalakat. A keretek pedig csak jobbá teszik a nagy oldalak használhatóságát, mert a felhasználó bármikor egy másik ablakban használhatja a menüt.

Másrészt nem igazán javítanak az oldal dizájnján. A keretek használatakor meglehetősen nehéz jó megjelenést elérni. És persze nem minden böngésző támogatja a kereteket, ami potenciális vásárlók, vásárlók vagy éppen látogatók egész seregét elidegenítheti.

Webmester szempontjából a keretek használata megkönnyíti az oldalak összeállítását és a felület finomhangolását. Hiszen sokkal könnyebb egyetlen oldalt létrehozni a teljes menüvel és egyéb fontos információkkal, mint ezt a tartalmat az oldal minden oldalára elhelyezni. Itt azonban véget érnek az egyszerűsítések és kezdődnek a nehézségek, amiről egy nem szakembernek nem kell tudnia. Sőt, ma már szinte senki sem dolgozik tiszta html-mel - a CMS lehetővé teszi, hogy mindent automatikusan csináljon.

A SEO szakember helyzete sokkal keményebb. A keretek egyszerűen nem engedik, hogy a keresőrobotok túllépjenek a főoldalon. Természetesen van néhány trükk, amivel indexelhető és belső oldalak oldalon, ezek azonban csak "trükkök", amelyeket egyetlen keresőmotor sem hagy jóvá.

A keretek befolyása a weboldal népszerűsítésére.

Nem számít, milyen tapasztalt szakember a webhely-promócióban, nem tud semmilyen garanciát adni a promóció során, ha kereteket használnak az erőforráson. Sajnos ez a technológia szerepel a bonyolultabb elemek „fekete listáján”. keresőmotor promóciója, valamint flash és lopott tartalom. De ez utóbbit még nem lehet észrevenni, de ez nem mondható el a keretekről.

Tehát hogyan és hogyan befolyásolja a keretek használata a promóciót?

A hatás komoly. A helyzet az, hogy a kereteken található az oldal belső oldalaira mutató összes fontos link. És ahhoz, hogy regisztrálja őket, az elrendezéstervezőnek nem kell címkéket használnia …... Ugyanis ezzel a címkével a keresőrobot megállapítja, hogy van előtte egy link, amivel át lehet lépni egy másik oldalra és indexelni (vagy a link súlyához még pár "zsemlemorzsát" adni).

A keresőrobotok csak az első – a fő – oldalt indexelik, amelyre külső forrásokból érkeznek. Más oldalak zárva maradnak a Yandex és a Google számára - elvégre még más webhelyekről sem lehet linkelni rájuk, mivel a keretek elrejtik a valódi oldalcímeket.

Ma már nem lehet hatékonyan népszerűsíteni egy főoldalt - nem lehet rajta minden kérést feltüntetni, a PS-nek pedig sokkal gyanakvóbb lesz egy ilyen "egyoldal".

Természetesen a "mesteremberek" már kitalálták a belső oldalak indexelésének módját, a keretek telepítési dokumentumában a rájuk mutató hivatkozások elhelyezésével, a címeket pedig továbbra is a keretoldal külön megnyitásával lehet megtudni. De szükség van-e mindezekre a bonyodalmakra, ha az ilyen technológiák elhagyásával többet lehet elérni?

A "keret" kifejezés innen származik az angol nyelvből... Lefordítva ez a szó "keretet" jelent, és az ablak külön területe. Felépítését tekintve egy ilyen szakasz egy teljesen komplett HTML dokumentum.

Külön keretek osztják a böngészőablakokat egymás mellett elhelyezett szakaszokra. Ugyanakkor mindegyik keretbe betöltődik a saját teljes értékű oldala. A kerettechnológia továbbra is sok vitát vált ki, de el kell mondani, hogy népszerűségének csúcsa már elmúlt. Ez a technológia mára elavultnak számít, és a normál kereteket a HTML5 már nem támogatja.

A technika története

Mára kijelenthetjük, hogy végre megszületett a döntés a váztechnológiás munkavégzés mellől. A https://www.w3.org/TR/html5-diff/#obsolete-elements webhely egyértelműen kijelenti, hogy az ilyen szerkezetű keretek, frameset és noframe-ek létrehozásához használt szokásos címkék elavultak. Érvként bizonyított, hogy egy ilyen struktúra használata negatív hatással van az oldalak használhatóságára és az interneten való elérhetőségükre.

De a modern technológia támogatja az IFRAME elemet. Használata lehetővé teszi keretek beszúrását az oldalak szövegblokkjaiba. Ezenkívül az ilyen elemek a szöveghez viszonyítva igazíthatók. Egy fontos szempont: A beágyazott kereteket elvileg nem lehet átméretezni. Nem rendelkeznek megfelelő átméretezési attribútummal.

A jövőben, technológiai ugrások nélkül, a keretek további használata nem valószínű. És érdemes emlékezni arra, hogy a vezető internetes technológiai szabványosítási szervezet, a W3C kifejezetten jelezte, hogy az ilyen struktúrákat az oldalfejlesztők nem használhatják.

Azaz új források létrehozásakor elvileg nem szabad kereteket használni az oldalszerkezethez. De a meglévő webhelyek támogatásával és finomításával a technológia jellemzőinek ismerete és azok használata nagyon hasznos és eredményes lesz.

A keretek előnyei

A kerettechnológia előnyei közé tartozik a könnyű használat, a nagy munkasebesség, az információ pontos elhelyezése az ablak bizonyos helyein.

A keretek használata megtakarítást jelent az átvitt forgalom mennyiségén a webhellyel való munka során. Valójában egy másik információs rész elérésekor az oldalnak általában csak egy része frissül, és nem a teljes kódja.

Ez a struktúra érdekes lehetőségeket kínál az erőforrás-tartalomban való navigáláshoz. Valójában a böngészőablakon belül a szomszédos keretekben különféle információs blokkokat tekinthet meg. Fontos, hogy a felhasználók tudják, hogy a kereten belüli keresés egyenértékű egy ilyen művelet külön oldalon történő végrehajtásával.

A webhelyen végzett munka során dinamikusan módosíthatja a méretet egy külön oldal, ami más technológiai megoldásokkal nehezen kivitelezhető.

Lehetséges hátrányok

A kereteket használó oldalak munkájával kapcsolatos problémák fokozatosan felhalmozódtak, de mára elérték küszöbérték... A fő hátrányok közé tartozik:

Gyenge használhatóság. Napjainkban növekszik a kis képernyőfelbontású mobileszközöket és táblagépeket használók aránya, és már meghaladja azok számát, akik asztali számítógépről és laptopról keresik fel az oldalakat. És itt a keretek használata komoly problémákat okoz az oldalak érzékenységével, amikor azok megjelennek különböző eszközök... Ennek a problémának ma nincs gyakorlati megoldása.

Az oldal elérhetőségének romlása különböző programok számára. A további programok (például képernyőolvasók) számának növekedése az információk sokkal gyengébb olvashatóságáról árulkodik.

Az oldalak helytelen megjelenítése. Az ilyen szerkezetű oldalak elrendezése tervezési szempontból gyakran helytelennek tűnik a böngészőkben. Ez pedig a technológia sajátosságainak köszönhető. SEO szempontból nagyon nem kívánatos a keretek használata a html oldal elrendezésében.

Egyetlen cím jelenléte a teljes szerkezetre vonatkozóan. Ennek eredményeként egy ilyen webhely belső oldalait nem lehet könyvjelzővel ellátni. Ez kényelmetlenséghez vezet a felhasználói élményben.

Helytelen indexelés a keresőmotorok által. Számos teljes értékű dokumentum jelenléte a webhelyen, amelyekből egy oldal keletkezik, jelentősen megnehezíti a keresőmotorok munkáját. Ez jelentős indexelési hibákhoz vezet. Ennek eredményeként - a témák és az oldalcímek helytelen meghatározása, a kritikus tartalom elvesztése az indexelésből.

Tiszteletlenség. Ez meglehetősen szokatlan hátrány az online források számára. És mégis meg kell mondani, hogy az a tény, hogy a webhelyek elrendezése a kereteken elavult, ahhoz vezet, hogy az ilyen erőforrások szerzőit és tulajdonosait retrográdnak tekintik. De van néhány kivétel. Még a csevegőszobáknak otthont adó modern webhelyek is általában kereteket használnak.

A keretek indexelése keresőmotorok által

A keresőmotoroktól származó információk egyértelműen azt mutatják, hogy a kerettel rendelkező webhelyek indexelése észrevehetően lassabban történik. Ugyanakkor gyakran előfordulnak magával a szerkezettel kapcsolatos hibák. Hiszen mindegyik keretben megjelenik egy teljes értékű weboldal. És az oldalnak csak egy ilyen része kerülhet az indexelő adatbázisba.

Az ilyen indexelés negatív oldala, hogy amikor az oldal belső részére navigál, a felhasználó általában nem látja a menüt és az egyéb navigációs mechanizmusokat. És ez nem meglepő. Meg kell értenie, hogy a keret frissítése ebben az esetben nem jelent megoldást a problémára. Végül is minden navigációs mechanizmus egy másik tartályba van helyezve.

További probléma, hogy a konténer szerkezetének főoldala gyakran csak a címet, a meta tagek leírását és a FRAMESET címkét tartalmazza. És ez logikusnak tűnik – elvégre az értelmes tartalom külön dokumentumokba kerül. Ezeket fogja látni az oldal látogatója a kereten belül az oldalon.

De egy keresőrobot szinte soha nem indexel egy ilyen oldalt. Nem talál rajta olyan tartalmat, amely hasznos lenne a látogatók számára. A keresőrobotok úgy vannak beállítva, hogy megpróbálják beszerezni és indexelni a body címkén belül elhelyezett információkat. Ott történik a felhasználó számára hasznos tartalom keresése. De a keretoldalon nincs ilyen címke, helyette a FRAMESET.

Ez a probléma részben megoldható a NOFRAMES használatával. De sok webhelyen, amikor hozzáfér, csak olyan információ jelenik meg, hogy a böngésző nem támogatja a kereteket. Az oldal megtekintéséhez pedig másik programot kell használnia.

Az ilyen esetek sok problémát okoznak azoknak a felhasználóknak, akik az oldalra menve nem látják a menüt és egyéb megjelenítendő információkat. Ha kereteket helyeznek el az oldalon, akkor a SEO szempontú paraméterei lecsökkennek. Ugyanakkor a felhasználói viselkedés statisztikái arra utalnak, hogy az erőforrás tekintélye csökken a keresőmotorokkal szemben. Ez határozottan negatívan befolyásolja a webhely forgalmát.

A keresőmotorok és az indexelő robotok számára különösen nehéz a beágyazott és több személyi struktúrák kezelése. Tovább bonyolítja a helyzetet az a tény, hogy minden konténer rendelkezik egy külön dokumentum összes funkciójával, de nem tartalmaz teljes navigációs és egyéb információkat.

A keresők munkáját megkönnyítheti az oldalak megfelelő hivatkozásának alkalmazásával. Ebben az esetben az összes menühivatkozást meg kell másolni, hogy azok az oldal minden egyes részében megtalálhatók legyenek. Ez azonban jelentősen megnehezíti és lelassítja a webhely optimalizálásának és a rajta lévő információk frissítésének munkáját.

Sok keresőoptimalizáló és webmester tapasztalata is azt sugallja, hogy a keretes oldalak nem helyezkednek előkelő helyen a keresési eredmények között. Ez akkor is megtörténik, ha az indexelő adatbázisba kerülnek.

Weboldal promóciójának jellemzői keretekben

Egyes keresőmotorok helytelenül vagy nagyon helytelenül indexelnek keretszerkezettel rendelkező fájlokat. Ennek eredményeként az indexbázist nem a szülő erőforrások címei töltik fel (ahogyan kellett volna), hanem az alwebhelyekre mutató hivatkozások.

A webhelyek keretek alapján történő indexelésének problémáinak minimalizálása érdekében a leírásukban speciális címkéket és paramétereket használnak. A konténer szerkezetének fő eleme a keretkészlet. Ő az, aki helyettesíti forráskód szabványos karosszéria;. A szerkezetben minden egyes tartályt egy keret ír le. Az oldalkódban szereplő mennyisége megegyezik a böngészőablakban megtekintéskor megjelenő egyes szakaszok számával.

Ezeket a címkéket a webhely főoldalán kell elhelyezni, majd mindegyiken belül meg kell másolni a tartalmat.

Tetszett a cikk? Oszd meg

Ajánlott kapcsolódó cikkek

Az okostelefon felmelegszik töltés közben: mit tegyünk?

Zene letöltése iPhone-ra az iTunes segítségével

Zene letöltése iPhone-ra az iTunes segítségével

Csatlakozz a közösségi oldalhoz. hálózatok

Facebook

Twitter

Kapcsolatban áll

osztálytársak

Youtube

Népszerű anyagok

A Star Walk az egyik legszebb éjszakai égboltot kedvelő alkalmazás (most Androidra is)

A legjobb billentyűzetek Androidhoz

Jó billentyűzet "Android" számára: hogyan válasszunk

Android 6 operációs rendszer letöltése

Csillagdiagram - csillagképek és bolygók

Új az oldalon

Android 6.0 követelmények. Android frissítése: hogyan lehet új verzióra frissíteni, visszaállítani? Útmutató részletesen

A bal oldalon található a fejhallgató-csatlakozó

Hogyan állítsunk be mikrofont fejhallgatóval számítógépen és laptopon

Intel illesztőprogramok frissítése

A Google Chrome böngésző ingyenes VPN-bővítményeinek áttekintése

Virtuális gép a Mint 18-hoz

Hogyan készítsünk képernyőképet a telefonon

A látogatók most vitatkoznak

Sérült archívum kicsomagolása TP-Link

Hogyan lehet megtisztítani a telefon belső memóriáját a szükségtelen fájloktól Tenda

Zárja be a Windows 10 frissítési ablakát TP-Link

Számítógépes rajzprogramok Bluetooth

newtravelers.ru

© 2021 - newtravelers.ru

Tippek Android, útválasztók, Smart TV beállításához. Bluetooth

Problémák

Android

Testreszabás

Hibák

Testreszabás

Bluetooth

Kapcsolatok

Reklám a projektben

helyszín térképe

Szerzői jog és szabályok

Kapcsolatban áll

osztálytársak

Facebook

Twitter

A mi hibánk az oldalon? Válassza ki, és nyomja meg a Ctrl + Enter billentyűket