Olvasd leckét keretek

Jelenlegi lecke - az utolsó.

Magyarázd el, mit keretek és amihez a legjobban értenek példával. Az oldal, amit most olvasol, áll két keret: a bal oldalon, hogy felsorolja az összes órák, és a jogot, hogy a tényleges órák magukat. Végiglapozhatunk tartalmát a jobb oldali keret, míg a bal rögzítve marad. Ez lehetővé teszi, hogy bármikor könnyen megy minden tanulság, nem keresi a link alján vagy az oldal tetején. Röviden, az intelligens keretek használata nagyban egyszerűsíti a navigációt az oldalon, és javítja a design.

Először hozzon létre két fájlt - vasja.html és pupkin.html:

Most, hogy egy harmadik index.html nevű fájlt (nevezhetjük másként):

Ez az, amit figyelembe vesszük részletesebben. Először is, nincs tag és . Azt lehetne mondani, hogy a szerepet a címke . bár ez nem teljesen igaz. címke (Fordította a „frameset”) attribútum oszlopok = „50%, 50%” jelzi a böngésző, hogy az oldal kell osztani két ablak (keret), minden szélessége 50% -a szélessége az oldalt. címke meghatározza a tartalmát és tulajdonságait az egyes keret (vegye figyelembe, hogy nincs záró tag). Ebben az esetben, mivel a tartalom az első keret vasja.html fájl, a második - pupkin.html fájl (frame számít balról jobbra és fentről lefelé haladva itt - ebben a példában akcióban (új ablakban) Minden csak néhány további példa ..:

A bal oldali keretben van a menüben, és a jobb oldalon - az első lecke:

A jobb oldali kép, az általunk kijelölt „tartalom” név (lehet bármi más). Most hozzon létre menu.html fájlt. ez lesz a menü a bal keretben:

Amellett, hogy a nevét, a keret cél attribútum értéke lehet az alábbi fenntartott szavakat:

Az összes fenti értékek kezdődhet aláhúzással, és átveheti csak nagybetűvel.

Kereteket használ a webhelyén, akkor nem szabad elfelejteni, hogy egyes böngészők nem támogatja a kereteket -. Régebbi böngészők, beszéd, stb Különösen nekik van egy noframes tag. amelyben meg lehet csinálni „nefreymovuyu” változata a helyszínen, vagy akár csak a listához oldalakra mutató linkeket a webhelyen. például:

Ragaszkodjon következő elhelyezési sorrendben: az első tartály , majd - (Azaz, mint a példában). Ellenkező esetben Netscap'a hiba.</p> <p>Van egy másik fajta keret - iframe (inline frame). Ez lehet beilleszteni közvetlenül a szövegben az oldal és így néz ki:</p> <p>lt; bgt; Az Ön böngészője nem támogatja a kereteket (van Netscape?). Ott kell helyezni például a beágyazott freyma.lt; / bgt;</p> <p>címkével beágyazni egy ilyen keret <iframe>. A jelenléte egy záró tag kötelező. Közöttük, akkor be minden szöveget böngészők nem támogatja a kereteket. attribútumok:</p> <p>Például, a következő kód már fent használt:</p> <p>Méretek a keret nem lehet megváltoztatni a felhasználó. Ezért noresize attribútum nem használható.</p> <p>És végül, tanácsot. Ha a weboldal használatával készült keret, akkor a látogatók gyakran jönnek hozzád a keresők, és minél gyakrabban fognak esni az egyik belső oldalakon. Természetesen látni fogják az oldal nem abban a formában, amelyben fogant az Ön által. Ennek elkerülése érdekében, helyezze be a szöveget az oldalon a következő kódot:</p> <p>Az első forgatókönyv hozza újraindítani az oldalt betöltése közben nincs a keretben. A második ugyanezt teszi, de figyelmeztetés nélkül.</p> </div> <div class="extra"> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/hogyan-kell-kalibralni-a-monitort-kalibralo-x-rite.html">Hogyan kell kalibrálni a monitort kalibráló x-rite i1display pro - pasha4ur blog</a></li> <li><a href="/articles/a-szlnes-cement-kulonosen-videoanyag-es.html">A színes cement - különösen videoanyag és előkészítése szabályok</a></li> <li><a href="/articles/blog-alexei-legotina-archlv-a-blog-hogyan.html">Blog Alexei Legotina - archív a blog - hogyan keresésére vonatkozó frissítéseket VMM 2018</a></li> <li><a href="/articles/gyermek-lopas-mint-reszponzlv-ekaterina.html">Gyermek lopás mint reszponzív Ekaterina Burmistrova</a></li> <li><a href="/articles/depresszio-idosebbek-tunetei-kezelese-es-hogy-a.html">Depresszió idősebbek, tünetei, kezelése, és hogy a harcot egyedül idős korban</a></li> <li><a href="/articles/arany-kozmetikumokban-omolozhenielitsa.html">Arany kozmetikumokban - omolozhenielitsa - aranyszállal</a></li> <li><a href="/articles/muzeum-a-nagy-honvedo-haboru-kiev.html">Múzeum a Nagy Honvédő Háború - Kiev</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/feeder-es-sennitsa-csincsilla.html">Feeder és Sennitsa Csincsilla</a></li> <li><a href="/articles/repa-mutragya-termesztes-mutragyazas-az-ebedloben.html">Répa műtrágya, termesztés, műtrágyázás az ebédlőben, a cukor</a></li> <li><a href="/articles/ooo-arra-a-kovetkeztetesre-jutott-a.html">Ooo arra a következtetésre jutott a licencszerződést, amelynek tárgya egy számítógépes program</a></li> <li><a href="/articles/epltesi-hazak-csehov.html">Építési házak Csehov</a></li> <li><a href="/articles/tlpusai-furofolyadekokhoz-es-azok-fobb-parameterei.html">Típusai fúrófolyadékokhoz és azok főbb paraméterei - studopediya</a></li> <li><a href="/articles/receptek-savanyu-kaposzta-multivarka-szol.html">Receptek savanyú káposzta multivarka - szól multivarka</a></li> <li><a href="/articles/killing-floor-2.html">Killing Floor 2</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2025</p> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </div> </footer></div> </body> </html>