A "keret" szó keretet, keretet jelent. A keretek segítségével a böngészőablak területe független részekre van felosztva, amelyekben különféle információk jeleníthetők meg. Kényelmes a keretek használata, ha különféle forrásokból származó adatokat kell megjeleníteni a képernyőn.

1. megjegyzés

A keretek a böngésző megtekintési ablakát számos, egymás mellett elhelyezkedő téglalap alakú részterületre osztják fel. Az egyes HTML dokumentumok ezekbe az alterületekbe tölthetők, és egymástól függetlenül megtekinthetők. A keretek között szükség esetén megszervezheti az interakciót az egyik keretben lévő hivatkozás kiválasztásával, ami betöltéshez vezet a szükséges dokumentumot másik keretbe vagy böngészőablakba.

A keretek felhasználási területei

A HTML-dokumentumok fejlesztői az információk oldalakon történő bemutatására szolgáló űrlapok széles választékával állnak a rendelkezésükre. Szöveg és grafikus információk listák, táblázatok, igazítási lehetőségek, vízszintes vonalak beállításával és bekezdésfelosztással rendezhetők és rendezhetők. De ezek a lehetőségek nem mindig elegendőek ilyenkor, a böngésző megtekintési ablakát külön területekre (keretekre) kell felosztani.

A WWW-n történő információk bemutatására szolgáló keretszerkezet kiválasztását a következők indokolják:

• amikor megszervezi egy dokumentum betöltésének vezérlését a böngésző megtekintési ablakának egyik alterületére, miközben egyidejűleg egy másik alterületen dolgozik;
• ha a megtekintési ablakban egy bizonyos helyen található, olyan információ, amely mindig a képernyőn lesz, függetlenül a képernyő egyéb részterületeinek tartalmától;
• amikor az ablak több részterületén kényelmesen elhelyezett információkat jelenít meg, amelyek mindegyike a többitől függetlenül megtekinthető.

Az alábbi ábra egy HTML oldal böngészőablak keretszerkezetét mutatja.

Ez a struktúra leginkább olyan esetekben jellemző, amikor egyes keretek a dokumentumok tartalomjegyzékeként szolgálnak, míg mások a tartalom betöltésére szolgálnak. Korábban egy ilyen feladatot így oldottak meg keretek használata nélkül. Az egyik oldalon egy tartalomjegyzék volt, amely más dokumentumokra mutató hivatkozásokat vagy egyes töredékeket tartalmazott. Amikor rákattintott egy ilyen hivatkozásra, a tartalomjegyzék eltűnt, a helyére betöltött egy dokumentumot, amelynek elolvasása után ismét vissza kellett térnie a tartalomjegyzékhez. Amikor elkezdték használni a kereteket, ez a visszaadás már nem volt hatékony, mivel a tartalomjegyzék állandóan a képernyő egy részén kezdett elhelyezkedni.

A keretek eleve hasonlóak a táblázatokhoz, mivel mindkettő ezeket használja a böngészőablak felosztására négyszögletes területekre, amelyekben információk találhatók. A keretek azonban nem csak a dokumentumoldalak formázását teszik lehetővé, hanem a köztük lévő interakció megszervezését is. Alapvetően a keretek és a táblázatok abban különböznek egymástól, hogy minden keret egy külön HTML dokumentumnak felel meg, és az összes táblázatcella tartalma egy dokumentum része. Ezenkívül a keretben megjelenített oldal a többitől függetlenül görgethető. Minden keret egyfajta külön mini-böngésző. A táblázatok, ellentétben a keretekkel, amelyek mindig teljes egészében megjelennek a képernyőn, gyakran nem férnek el teljesen az ablakban, és csak részletekben jelennek meg. Ezért megjegyezhető, hogy a HTML táblákban teljes szám Mivel a cellák nem korlátozottak, és néha több százat is elérnek, a képkockák száma egy dokumentumban általában több egység.

Keretek létrehozása

A címkéket keretek létrehozására használják.

A leíró keretkészleteket képez, amelyek az ablakterületeket sorokra és oszlopokra osztják. Ezután az összes sor és oszlop magassága és szélessége a böngészőablak aktuális méretének százalékában, pixelben vagy csillagként lesz beállítva. A csillag szimbólum azt jelzi, hogy a keretek mérete az oldalon lévő többi keret méretétől függ.

A leíró meghatározza egy adott keret szerkezetét és tartalmát.

Az alábbiakban egy példa látható az oldal kódjára.

Példa a keretekkel való munkára

A keretek előnyei és hátrányai

A keretek előnyei a következők:

• egyszerre több információt is megjeleníthetnek egy ablakban;
• használatukkal lehetőség nyílik bizonyos információk (logók) állandó megjelenítésére, anélkül, hogy azokat az oldal minden oldalán fel kellene tüntetni;
• segítik a rugalmas webhelynavigáció kialakítását.

A keretek hátrányai a következők:

• fő előnyük (információk megjelenítése egy ablakban), mivel a weboldal elérhető területe ebben a tekintetben jelentősen csökken;
• A megfelelő keretméret kiválasztása annak létrehozása során gyakran nehéz, mivel a felhasználónak folyamatosan végig kell görgetnie a keretet görgetősávok segítségével;
• az alacsony képernyőfelbontású monitorokon lényegesen kevesebb a látható információ mennyisége;
• Sok keresőmotor és címtár megtagadja a kereteket használó oldalak regisztrálását.

2. megjegyzés

Egy másik hátrány, hogy egyes böngészők nem tudják feldolgozni a kereteket. Ebben az esetben csak egy üres képernyő jelenik meg a felhasználó előtt. A felhasználó segítségére ebben a helyzetben egy címkét terveztek, amely lehetővé teszi a nyitó és záró címke közé helyezett szöveg megjelenítését, ha a keret nem jeleníthető meg.

Keret görgetősávok

Alapértelmezés szerint a böngésző csak akkor jelenít meg görgetősávokat, ha az információ nem fér bele a keret méreteibe. Ehhez a SCROLLING attribútumot a yes (no) értékek egyikére állítja be, ami lehetővé teszi a böngésző számára, hogy mindig elrejtse vagy mindig megjelenítse a görgetősávokat. A görgetősávok elrejtése lehetővé teszi a látható keretterület méretének növelését. Ugyanakkor, ha az adatok nem férnek el az ablakban, az elérhetetlenné válik a felhasználó számára.

A kerethatárok megváltoztatása

A keret határainak módosítása letiltható, ez a NORESIZE attribútummal történik. Ez az attribútum kényelmesen használható, ha meg kell akadályozni, hogy a felhasználó megváltoztassa az eredeti oldalelrendezést. Alapértelmezés szerint a felhasználó saját belátása szerint mozgathatja a keret határait, beállíthatja az objektum új méreteit a jobb láthatóság érdekében. egy bizonyos töredék adat. Azokban az esetekben, amikor a kereteken nincs látható szegély, ez automatikusan letiltja az átméretezést. A címke BORDER attribútuma használatával módosíthatja a keret szegélyvonalainak vastagságát. A böngésző alapértelmezés szerint szürke kerettel és 6 képpont vastagsággal keretezi a keretet. A BORDERCOLOR attribútum lehetővé teszi a keret színének megváltoztatását. A FRAMEBORDER attribútum lehetővé teszi a keret határainak elrejtését.

Alapértelmezés szerint a böngésző a kereteket 10 képpontos margóval jeleníti meg a szöveg és a keretszegély között.

A MARGINWIDTH attribútum a bal és a jobb margó szélességét határozza meg.

A MARGINHEIGHT attribútum pedig meghatározza a felső és alsó margók magasságát.

A mezőméretek beállításakor mindkét attribútumot kell használni, mivel a böngésző automatikusan a minimális értékre csökkentheti a nem meghatározott mezők méretét.

Lebegő keretek

A tétlen keretek egy weboldal részét képezik, és nem igényelnek külön oldalt a leírásukhoz. Az ilyen keretek létrehozásához címkét használnak. A címke NAME attribútuma adja meg a lebegő keret nevét, amely később felhasználható egy olyan hiperhivatkozás meghatározásához, amely megnyitja a keretben a megfelelő oldalt. A WIDTH és HEIGHT attribútumok meghatározzák a lebegő keret méreteit, mivel a felhasználó nem tudja ezeket saját maga módosítani.

A lebegő kereteket jelenleg csak a Microsoft IE támogatja.

Az alábbiakban egy példa az oldal kódjára:

1. példa

Példa a keretekkel való munkára

width="350" height="300" align="left">

Példa a keretekkel való munkára

Példa a keretekkel való munkára

Utasítás

HTML nyelv(HyperText Markup Language – „hiperszöveg jelölőnyelv”) kétféle keretet biztosít. A „lebegő” rugalmasabb és könnyebben beilleszthető egy meglévőbe. Általában az ablak lebegő kerettel történő beillesztését leíró konstrukció a következőképpen néz ki: Itt ennek a keretnek az adatforrása a meglévő webhely (src attribútum). A szélesség és magasság attribútumok szerint 400 x 300 méretű keretben nyílik meg. Az src attribútumban megadhatja a webhely oldalát is. Ebben az esetben elegendő egy relatív címet megadni (vagyis egy címet ahhoz az oldalhoz, amelybe a keret be van illesztve): Ebben a példában a keret magassága nincs megadva, de van egy id attribútum. Használata megteheti CSS használatával() állítsa be a keret szükséges méreteit:

Egy másik típusú kerethez - „klasszikus” - külön oldalra van szükség, amely tartalmazza a keretek szerkezetének leírását. Maguk a keretek külön oldalakon, esetleg külön oldalakon lesznek elhelyezve. Egy ilyen keretekhez tartozó tárolóoldal HTML-kódja így nézhet ki:




Nincsenek blokkok ... És ... , amelyek a normál oldalakhoz szükségesek, ebben a példában a nyitó tárolócímke nem lehet itt tartalmazza a sorok attribútumot – ez azt jelenti, hogy az oldalterületet függőlegesen kell felosztani, és az első keret kapja meg a felső részt. Ha a sorokat oszlopokra cseréli, a felosztás vízszintes lesz. Ennek az attribútumnak az értéke "*,*" azt jelzi, hogy a felosztási arányok egyenlőek – mindegyik 50%. Ha például a „20%*” értéket adjuk meg, akkor az első képkocka csak 20%-ot kap, a többi pedig a második keretet a kereteket az egérrel, de ez a művelet letiltható. Ehhez hozzá kell adni a noresize attribútumot egy adott keret címkéjéhez. Megadhatja a függőleges és vízszintes margók méretét is a szomszédos keretből (marginwidth és marginheight attribútumok): Lehetőség van viselkedési szabályok beállítására az egyes keretek görgetősávjaihoz külön-külön. Ez a scrolling attribútum használatával történik, amely három előre meghatározott érték egyikét tartalmazhatja. Ha megadja a scrolling="auto" értéket, akkor görgetősávok jelennek meg, ha a keret tartalma nem fér bele a keretbe. Ha "igen" - a csíkok folyamatosan jelen lesznek, függetlenül attól, hogy szükség van-e rájuk. Ha "nem" - ez azt jelenti, hogy a görgetősávok le vannak tiltva ennél a keretnél.

Az előző két lépésben bemutatott információk alapján meg kell alkotnia egy olyan html kódot, amely alkalmasabb a probléma megoldására. Ezek után már csak be kell szúrni az oldal forráskódjába. Ehhez használhatja webhelykezelő rendszerének oldalszerkesztőjét - nyissa meg benne kívánt oldalt, váltson át html kódszerkesztő módba, és illessze be kódját az oldalon a kívánt helyre. Le tudod tölteni a fájlt? forráskód fájlkezelő oldal tárhelykezeléshez vagy tartalomkezelő rendszerhez, nyissa meg egy szövegszerkesztőben, és illessze be a kódot. Ezután ugyanezzel a módszerrel töltse fel a módosított kódot a szerverre.

A HTML-dokumentum létrehozása keretszerkezet alapján meglehetősen egyszerű. Ez az oldal így fog megjelenni párbeszédpanelek, amelyek mindegyike külön dokumentumot tölt be.

Szükséged lesz

• - szövegszerkesztő;
• - böngésző.

Utasítás

A dokumentumkeret szerkezete azt jelenti, hogy minden oldal külön területekből áll, amelyek mindegyike egy HTML-fájlt jelenít meg. Tehát először nyisson meg egy szövegszerkesztőt, például a Jegyzettömböt, és hozza létre a dokumentum törzsét a BODY és /BODY címkék használatával.

Egy keretdokumentum két FRAMESET és /FRAMESET címke közé van zárva. Itt lesz egyfajta táblázat, melynek minden oszlopába külön dokumentumot tölthet fel. A COLS és ROWS két tulajdonság használatával beállíthatja egy oszlop és sor méretét pixelben vagy a böngészőablak méretének százalékában (ha számok helyett csillagot ad meg, akkor minden használható szabad hely böngésző).

A szerkezet megtervezéséhez használja a következő tulajdonságokat:1) FRAMEBORDER=1 - minden képkockának van háromdimenziós kerete;2) FRAMEBORDER=0 - nem lesz keret;3) FRAMESPACING - a szomszédos képkockák közötti távolság pixelben;4 ) FRAME - /FRAME - külön keret tartalmának meghatározása: a) SRC - HTML fájl a keret tartalmával; b) MARGINHEIGHT, MARGINWIDTH - a függőleges és vízszintes behúzás megadása a kerethatároktól pixelben; c) NORESIZE - a felhasználó nem tudja átméretezni a keretet; d) GÖRGÉS – szükséges-e (IGEN) vagy nem (NEM) görgetősávokat létrehozni a keret megtekintéséhez az AUTO érték csak szükség esetén hozza létre azokat.

A böngészőablak felosztható keretekre, néha keretekre; Nevezheted küszöböknek is. A böngészőablak minden ilyen részében, pl. keretben külön HTML dokumentum tölthető be. Nézzünk egy példát egy három keretes böngészőablakra.

Ebben az esetben az áttekinthetőség kedvéért minden keretbe egy egyszerű HTML dokumentum kerül betöltésre, amely tartalmazza a keret számát és a tartalmát tároló fájl nevét. Ha a keretbe olyan valós dokumentumot töltenek be, amely nem fér bele teljesen, akkor a kereten (figyelem, nem az egész ablakon!) függőleges és/vagy vízszintes görgetősávok lesznek attól függően, hogy a tartalom nem fér el vízszintesen és/ vagy függőlegesen dokumentálni.
Például az Ön webhelyének kialakítása és felépítése olyan, hogy ugyanazok az elemek ismétlődnek a webhely minden oldalán: cím, navigációs menü, cím az oldal végén vagy más hasonló elemek. Csak a részek tartalma változik. Ezután az oldalakat részekre lehet osztani úgy, hogy a változtathatatlan részek külön keretekbe kerüljenek, és egy másik képkocka is kijelölhető, hogy a tartalom belekerüljön. a kívánt szakaszt miután rákattintott a megfelelő hivatkozásra, például egy menüből.
Ez megtakarítja a betöltési sebességet, mivel a webhely oldalainak azonos részei nem töltődnek be újra, hanem egyszerűen mindig megjelennek a hozzájuk rendelt keretekben.

FRAMESET keretszerkezet elem létrehozása

Az ablakelrendezési struktúra egy külön HTML dokumentumban, úgynevezett keretes dokumentumban tárolódik. A keretszerkezet kialakítása egy speciális FRAMESET elem segítségével történik. Egy normál dokumentumban egy FEJ és egy BODY rész található, míg a keretes dokumentumban a BODY részt a keretek szerkezetének leírása váltja fel, pl. FRAMESET szakasz.
A NOFRAME elem hozzáadható a FRAMESET szakaszhoz alternatív tartalommal a kereteket nem támogató vagy a kereteket nem támogató böngészőkben való megjelenítéshez. Az ilyen böngészők egyszerűen nem értik a FRAMESET és NOFRAME struktúrákat, hanem megjelenítik a bennük elhelyezett szöveget.

A fenti példában az oldal három területet tartalmaz, amelyek mindegyike kezdetben a frame_top.html, frame_left.html és frame_right.html HTML-dokumentumokkal van betöltve. 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". Felhívjuk figyelmét, hogy az elem zárócímke nélkül használható.
A tartály belsejében csak címkéket tartalmazhat vagy más címkékkel letakart keretkészlet És .
Címke a következő attribútumokkal rendelkezik:

• sorokat— leírja, hogyan kell egy oldalt sorokra bontani:
• cols— leírja, hogyan kell egy oldalt oszlopokra osztani:

Az oldal felosztásából származó területek keretek lesznek. Ezen attribútumok hiánya egyetlen 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 feltüntetni, hanem a keretek szélességét és magasságát. A listában szereplő összes érték vesszővel van elválasztva. A méretek megadhatók abszolút mértékegységben (pixelben) vagy százalékban:

• cols="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 a 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 csillag szimbólummal megadott fennmaradó helyet.

Amint az abból látható ezt a példát, konténer attribútummal sorokat először két vízszintes keretet hoz létre, és a másodikat egy másikra 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 80%-át foglalja el.
Ha a böngésző nem támogatja a kereteket, az ablak a címkék között található szöveget jeleníti meg </b>És <b> . Minden a címkék között </b>És <b> , 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 tárolóba kell helyeznie. </b>, akkor minden felhasználó láthatja a weboldalát. <br>Mint már említettük, egy párosítatlan címkét használnak egy külön keret beillesztésére a dokumentumba <b><frame> </b>. Attribútum <b>src</b> megadja a dokumentumot, amelyet ebben a keretben kell megjeleníteni, például: <frame src="frame_top.html">. Ha attribútum <b>src</b> hiányzik, üres keret jelenik meg.</p> <h2>Szegélyek vagy térköz a keretek között</h2> <p>Alapértelmezés szerint a böngésző egy szürke, általában 3D-s vonalszegélyt jelenít meg a keretek között, amellyel a látogatók beállíthatják a keret méretét. <br>A keretszegély ugyanúgy kezelhető, mint bármely más keretelem. Ehhez több elemattribútum is létezik <b><frameset> </b>, amely lehetővé teszi a keretek szegélyeinek testreszabását. A határvonal vastagságát az attribútum határozza meg <b>határ</b>. Az alapértelmezett szegélyvastagság értéke öt. <br>A keret szegélyének elrejtéséhez vagy nullára kell állítania a keret szélességét, vagy a „no” vagy a „0” értéket kell megadnia az attribútumnak. <b>keretszegély</b>. Attribútum <b>keretszegély</b> csak két ellentétes jelentést vehet fel. Ha az attribútum értéke <b>keretszegély</b>értéke „igen” vagy „1”, akkor a keretszegély jelenik meg, ha pedig „0” vagy „nem”, akkor nem. Vegye figyelembe, hogy az attribútumértékek <b>keretszegély</b> változni <a href="https://pzik.ru/hu/kak-dobavit-stranicu-v-vizualnye-zakladki-yandeks-dobavlenie/">különböző böngészők</a>. A probléma megoldásához használja kétszer az attribútumot <b>keretszegély</b>, és egyes böngészőknél az attribútumot is hozzá kell adni <b>kerettávolság</b>"0" értékkel:</p><p> <frameset frameborder="0" framespacing="0" frameborder="no" border="0"> </p><p>A következő példában eltávolítjuk a keretek közötti határt:</p> <h3>Példa: A keretek közötti határ eltávolítása</h3> <ul><li>Próbáld ki te is »</li> </ul><table><tr><td style="width: 10px;background-color:green;color: white;">frame_left</td> <td style="width: 90%;background-color:lime;color: white;">frame_right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Keretek szegély nélkül</title> </head> <frameset cols="100,*" frameborder="0" framespacing="0" frameborder="no" border="0"> <frame src="frame_left.html" name=" frame_left" > <frame src="frame_right.html" name="frame_right" > </frameset> </html></p> <p>Ha eltávolítja a keretek közötti szegélyt, a látogatók nem tudják átméretezni a keretet a böngészőben. A keret átméretezését is megakadályozhatja, ha az attribútum használatával megőrzi a szegélyeket <b>noresize</b>:</p><p> <frame src="frame_left.html" noresize> </p><p>Attribútum használata <b>szegélyszín</b> Megváltoztathatja a keret szegélyének színét, csak meg kell adnia a kódot vagy a megfelelő lefoglalt szín nevét. <br>Az alábbiakban egy példa látható egy HTML-oldalra, amely a fent leírt keretszegély-ellenőrző attribútumokat tartalmazza: a keret színe piros, a felső keret mérete nem módosítható:</p> <h3>Példa: Frame Border Control</h3> <ul><li>Próbáld ki te is »</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid red;background-color:blue;color: white;" colspan="2">frame_top</td> </tr><tr><td style="border-right: 4px solid red;width: 20%;background-color:green;color: white;">frame_left</td> <td style="width: 80%;background-color:lime;color: white;">frame_right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Frame Border Management</title> </head> <frameset rows="150, *" border="10" bordercolor="red" frameborder="1" frameborder="yes"> <frame src="frame_top.html" noresize> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> </frameset> </html></p> <p>Ha a kereten belül megjelenített oldalt közelebb szeretné helyezni a szegélyeihez, vagy ellenkezőleg, távolabb szeretné helyezni, módosítsa az attribútumokat <b>marginmagasság</b>És <b>margószélesség</b> címke <b><frame> </b>. Attribútum <b>marginmagasság</b> meghatározza a keret tartalma, valamint a felső és alsó szegélyek közötti kitöltést. Szintaxis:</p><p> <frame marginheight="число"> </p><p>Attribútum <b>margószélesség</b> meghatározza a keret tartalma, valamint a jobb és bal oldali szegélyek közötti kitöltést. Szintaxis:</p><p> <frame marginwidth="число"> </p><p>Ez a html-sor például a megjelenített oldalt a keret határához közel helyezi el:</p> <p>Ha az oldalon nem kívánt görgetősáv jelenik meg, az attribútum megadásával megoldhatja a problémát <b>görgetés</b>="no" a címkében <b><frame> </b>. De ne feledje, hogy ha a keret nem elég nagy az oldal teljes tartalmának megjelenítéséhez, akkor a látogatónak nem lesz lehetősége görgetni a megjelenített oldalt.</p> <h2>Linkek a kereteken belül</h2> <p>Egy normál HTML-dokumentumban egy hivatkozás követése a következőképpen történik: kattintson a hivatkozásra, és az aktuális dokumentum lecserélődik egy újra az aktuális vagy egy új böngészőablakban. A keretek használatakor a HTML-dokumentumok betöltési sémája eltér a megszokottól, és a fő különbség az, hogy egy HTML-dokumentumot be lehet tölteni egy keretbe egy másik keretből. <br>Ha egy dokumentumot egy adott keretbe szeretne betölteni, használja az attribútumot <b>cél</b> címke <b><a> </b>. Attribútumértékként <b>cél</b> annak a keretnek a neve kerül felhasználásra, amelybe az attribútum által meghatározott dokumentum betöltésre kerül <b>név</b> címke <b><frame> </b>. Azt is érdemes megjegyezni, hogy a keret nevének számmal vagy latin betűvel kell kezdődnie. A következő nevek használatosak fenntartott névként:</p> <p>Külső hivatkozások esetén állítsa be a target attribútumot _top vagy _blank értékre, hogy biztosítsa, hogy a harmadik féltől származó projektek ne jelenjenek meg a keretekben, hanem a teljes böngészőablakot töltsék ki.</p> <p>A következő példa egy HTML dokumentumot mutat be, amelyben a jobb oldali keret egy oldalt tölt be a felső keretben elhelyezett hivatkozásból. Link a dokumentumhoz, amely a jobb oldali keretben nyílik meg:</p><p> <a href="http://www.google.com" target="frame_right">Google</a> </p><p>A jobb oldali keret nevet kap <i>frame_right</i>:</p><p> <frame src="frame_right.html" name="frame_right"> </p><p>Egy dokumentum meghatározott keretbe való betöltéséhez használja a konstrukciót <i>target="frame_right"</i>, ahogy a példában is látható:</p> <h3>Példa: Hivatkozás egy másik kerethez</h3> <ul><li>Próbáld ki te is »</li> </ul><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Link egy másik kerethez</title> </head> <frameset rows="100, *"> <frame src="frame_topic.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html" name="frame_right"> </frameset> <noframes> <p>A böngészője nem jelenít meg kereteket</p>

Lebegő keretek

Elem

Bizonyára többször hallott már olyan koncepcióról, mint a keretek. Bármely html-tankönyvben olvashat róluk, valamint a webhelykészítéssel kapcsolatos forrásokról. Sok példa és leírás tanulmányozása után úgy döntöttem, hogy a keretekről mindent a saját szavaimmal, nagyon egyszerűen elmondok. A keretek előnyeiről, hátrányairól és jövőjéről az oldal alján lesz szó. Tehát mik azok a keretek a html-ben?

Mik azok a keretek a html-ben

Keret(angol keret) - néhány csatlakoztatható független terület a weboldalon.

Ne ijedjen meg attól, hogy ez kissé zavaróan hangzik. Azonnal mondjuk a legegyszerűbb példát, és akkor minden világossá válik.

Nyissa meg a súgót bármely programban (lehet Jegyzettömb, valamilyen program, böngésző stb.). Szinte mindig látni fog egy két részből álló súgót (navigáció a bal oldalon, tartalom a jobb oldalon). A bal és a jobb oldali rész csak külön keret. Az alábbiakban egy képernyőkép látható a legáltalánosabb Windows jegyzettömb segítségével:

1. ábra Keretek használata a Jegyzettömb súgójával példaként

Amit látsz, az egy weboldal, amely két különálló, független keretből áll. Mondjunk egy példát html kódot egy ilyen keret a segítségből.

Példa 1. számú kerettel (segítségnyújtás)

A fenti keretrendszerben a fent tárgyalt súgó így fog kinézni:

2. ábra. Keretrendszer például az 1. számú keretekhez

Az oldal területekre való felosztása keretek használatával nagyon hasonlít a HTML-táblázat elrendezéséhez (lásd: HTML táblázatcímke). Egy ilyen oldal példakódja így nézhet ki:

Magyarázat például 1. sz

Amint a fenti kódból látható, a keretekből készített oldal nagyon hasonlít egy közönséges html oldalhoz: van egy nyitó html tag, egy szakasz , cím <span>Az Ön böngészője nem támogatja a keretek megjelenítését</span>

Top.html fájlkód

2. példa

És itt lehetne logó és még sok más :)

Menu.html fájlkód

• Kezdőlap
• Az oldalról
• A szerzőről
• ...

Content.html fájlkód

Kezdőlap

A webhely tartalma. A content.html fájl most meg van nyitva
Ez a keretünk kezdeti állapota. Nevezzük ezt a fájlt "mesteroldalnak"

Fájl kódja about-site.html

Az oldalról

Oldal az oldalról. Az about-site.html fájl most meg van nyitva

Fájl kódja about-autor.html

A szerzőről

A szerző oldaláról. Az about-autor.html fájl most meg van nyitva

Footer.html fájlkód

Webhely lábléce. A footer.html fájl most meg van nyitva

Magyarázat például a 2. sz

Kezdetben a teljes oldal három részre van osztva vízszintesen 3:14:3 arányban. A rows="15%,70%,15%" attribútum felelős ezért. Példánkban az első képkocka a fejléc (mi top.html-nek neveztük), a magassági tér 15%-a hozzá van rendelve. Ezután jön egy nagy keret, amely a magasság 70%-át foglalja el. Két részre osztjuk a cols="25%,75%" használatával 1:3 arányban. A bal oldalon egy keret menü.html , jobb oldalon a content.html lesz. A második keretet kifejezetten name="main"-nek neveztük el, hogy oldalt válthassunk. Vegye figyelembe, hogy a menu.html fájlban minden hivatkozáshoz tartozik egy target="main" attribútum, amely lehetővé teszi, hogy a hivatkozásra kattintva az elemek a main nevű területre töltsenek be. A webhely alján található az utolsó keret lábléc.html.

Ha megvalósítja a 2. példát, akkor a következő HTML-oldalt az eredeti állapotában kell megkapnia:

4. ábra. 2. példa – kezdeti állapot

Amikor a webhely névjegyoldalára lép, az oldal így fog kinézni:

5. ábra. 2. példa – második állapot

6. ábra. 2. példa – harmadik állapot

Címke

A címke opcionális attribútumai a width="width" és a height="height" , a kötelező attribútum pedig az src="frame address" .

Címke attribútumok és tulajdonságok

1. COLS attribútum="Paraméterek"
Beállítja a függőleges oldalfelosztások számát.

2. ROWS="Paraméterek" attribútum
Beállítja a vízszintes oldalfelosztások számát.

Most nézzük meg, hogyan állíthatja be a particionálási paramétereket.

a) A pixelek számának megfelelő szám használatával. Például a cols = "100,100,300" beállítja, hogy az oldal három területre legyen felosztva, amelyek mindegyike szélességben lesz: 100 képpont, 100 képpont és 300 képpont.

b) Százalékok használata a teljes szélesség/magasság. A fent tárgyalt példákban százalékos osztást alkalmaztunk, így értelmetlennek tűnik példát hozni.

c) A * (csillag) használata. Például a cols = "2*,3*,100" az első két területet 2:3 arányra, a harmadik területet pedig 100 képpont szélesre állítja be.

Mindhárom módszer kombinálható. Például cols="2*,100,15%,4*" .

3. Frameborder="(yes|no)" attribútum
Meghatározza, hogy van-e keretnek szegélye. Ha a válasz igen, akkor a következő negyedik szegélyattribútum lesz érvényben.

4. Border="parameter" attribútum
Képpontban a keret határozza meg a keretterület szegélyvastagságát. Például a frameborder = "2" egy olyan területet ad meg, amelynek kiválasztott körvonala 2 képpont.

5. bordercolor="color" attribútum
Megadja a szegély színét, ha van ilyen. A színt szavakban vagy kódban is megadhatjuk (lásd a html színpalettát).

Megjegyzés: Felhívjuk figyelmét, hogy a címke kell egy zárócímke .

Címke attribútumok és tulajdonságok

1. Attribútum src="elem címe"
Itt paraméterként meg kell adni az elem címére mutató teljes URL-t. Ez az attribútum kötelező. Ő már ismerős számodra, mert... az 1. és 2. példában volt jelen.

2. marginwidth="szám" attribútum
Beállítja a kereten belüli behúzás szélességét a szegélyektől pixelben. Például a marginwidth="10" a tartalmi margót a keretszegélytől balra és jobbra állítja.

3. marginhight="szám" attribútum
Hasonló a másodikhoz, azzal a különbséggel, hogy beállítja a magassági eltolást.

4. Scrolling="(yes|no|auto)" attribútum
Beállítja a keret görgetésének lehetőségét, ha az nem fér el a számára kijelölt területen. Az alapértelmezett érték az auto (azt jelenti, hogy szükség esetén görgetést kell létrehozni).

5. Noresize attribútum
Ha ez az attribútum be van állítva, a felhasználónak tilos önállóan módosítani a kerethatárokat. Alapértelmezés szerint ez az attribútum nincs beállítva, és a felhasználó tetszés szerint módosíthatja a határokat.

5. Attribútum name="title"
Ezzel az attribútummal lehet nevet adni a keretnek. Erre azért van szükség, hogy más keretek hozzáférhessenek ehhez a kerethez. A 2. példa éppen ilyen esettel foglalkozik.

Jegyzet:
A név nem kezdődhet aláhúzásjellel „_”.

6. Tulajdonságok frameborder, border és bordercolor
Ez a három attribútum ugyanaz, mint a frameset (lásd fent a frameset attribútumokat).

A keretek előnyei és hátrányai

A keretek előnyei

• Lehetőség több oldal önálló megjelenítésére egy ablakban (1. és 2. példa fent);
• Az oldal tartalmának váltása az oldal újratöltése nélkül (a képernyőnek csak egy része változik);
• A webhelyszerkezet rugalmas felépítésének képessége (fejléc, menü, lábléc stb. - minden statikus információ külön-külön tárolódik fájlokban, és ez lehetővé teszi a webhely egy részének gyors szerkesztését);
• A felhasználó maga módosíthatja a nézetablak méretét, ha nincs beállítva a noresize opció;

A keretek hátrányai

• A keresőmotorok rosszul indexelik a keretes webhelyeket, mert nem tudják értelmezni a keretekben lévő betöltött fájlokat. A keresőmotor az oldalakat címük (URL) alapján különbözteti meg, a kereteknél pedig az eltérő állapotok ellenére az oldal címe nem változik. Ez ellentétes a keresőmotor szabályaival, ami azt jelenti, hogy nem tény, hogy a kereső képes lesz indexelni az oldalt.
• Lehetetlen egy oldalt keretben könyvjelzővel ellátni, mert Az oldal URL-je ugyanaz lesz. Így csak a keret eredeti állapotát tudja megőrizni.
• Nem minden böngésző támogatja a kereteket.

A keretek jövője:
Sok webmester már régen elkezdte elhagyni a kereteket. Ennek oka a keresőmotorokban való promóció nehézségei. Most mindenki az Ajaxra vált, amely dinamikusabb és modernebb módja az információk megjelenítésének a webhely egy oldalán.

Kedves olvasó, átnéztük a címkéket html dokumentum a keretekkel kapcsolatban. A terület kétes jövője ellenére minden webmesternek tudnia kell a keretekről.