HTML Keretek, Rétegek

HTML rétegek (layers)

A réteg nem egy egzakt fogalom a HTML -ben. Inkább egy webprogramozási technikáról van szó, bár ez sem pontos meghatározás. A rétegek kezeléséhez és viselkedésük megértéséhez kicsit ismernünk kell a HTML nyelv evolúcióját.

A nyelv eredetileg kizárólag az információ megjelenítése céljából született a mai értelemben vett dizájn és marketing elvárások nélkül. Ebből kifolyólag a HTML a mai napig az egyszerű szövegtördelési logikát alkalmazza az elemek megjelenítésében. A HTML elemek korrekt pozicionálhatóságának lehetősége a CSS megjelenésével került a webprogramozók kezébe. Viszont az eredeti logikával való kompatibilitás miatt az elemek pozicionálása relatív, mindig valamihez viszonyítva értendő: pl: az eredeti helyéhez, a szülőobjektumához, vagy a böngésző ablakához (ami a képernyőhöz képest szintén relatív). Ezért az egyéb grafikai rendszerekhez szokott fejlesztőnek a HTML pozicionálási logikája esetekben kifejezetten furcsa lehet.

Minden egyes HTML elemet pozicionálni fárasztó és felesleges lenne, ezért kihasználva a HTML szülő-gyermek szerkezetét rétegeket lehet definiálni melyeket a egységesen lehet kezelni a magukba foglalt gyermek elemekkel együtt. Régen erre kizárólag a táblázat cellái voltak alkalmasak, csak így lehetett a többi HTML elemtől viszonylagosan függetlenül egy meghatározott helyű és méretű területen réteget kialakítani. A <div> és <span> tagek megjelenésével a rétegek kezelése megfoghatóbb fogalommá vált, kezelésük kevesebb programozói bravúrt igényel, megjelenésük a különböző böngészőkben egységesebb.

A rétegek és HTML elemek egymáshoz viszonyított helyzete, egymára gyakorolt hatása szintén szerteágazó téma és megértésük több időt igényel. Az elemek "képernyő" tulajdonságai tematikailag kapcsolódnak a rétegek kezeléséhez. Mivel nem kizárólag egy HTML tag lehetőségeiről van szó csak példákon keresztül lehet igazán megismerni a rétegeket. Mindezzel részletesebben a CSS leírás foglalkozik.

HTML keretek, a frame tag

A keretek a rétegek elődei, ma már ritkán használják őket. A keretek a <frame> tagel definiálhatók. Alapvető különbség a keretek és a rétegek között, hogy míg akárhány réteget definiálunk az logikailag mindvégig egy HTML dokumentum marad, addíg a keretek felosztják a böngésző ablakát és azokban újabb oldalakat, HTML dokumentumokat helyeznek el. Ezek hivatkozhatnak egymásra, de alapvetően külön dokumentumok, mintha külön fülön vagy külön böngészőablakban nyitottuk volna meg őket. A keretek és rétegek közti átmenet, illetve a kettő ötvözése az <iframe> tag. A keretekkel kapcsolatos további tagek a lenti táblázatban vannak részletezve.

Keretekkel, rétegekkel kapcsolatos tagek

Tag	Leírás
<div>	Szekció definiálása a dokumentumban
<span>	Szekció definiálása a dokumentumban
<frameset>	Keret beállítás definiálása
<frame>	Keret definiálása
<noframes>	Keretek nélküli szekció definiálása
<iframe>	Beágyazott keret definiálása