Die internet, Webontwerp
Hoe om 'n iframe in HTML in te voeg: 'n voorbeeld van gebruik
Aan die begin van die werfgebou het webbronne uitgebreide gebruik gemaak van rame om individuele dele van bladsye te vertoon. Maar met die koms van die nuwe weergawe van HTML 5 het alles verander. Die < frame >, < frameset > en < noframes > opmaak elemente word as uitgedien beskou. Om hulle te vervang was 'n enkele merker - < iframe >. Hoe voeg ek by html
Wat is rame?
'N Raamwerk is die basis van die meeste webbladsye. As u letterlik vertaal, beteken hierdie woord 'raam', dit wil sê die raam is 'n klein deel van die bladsy in die blaaier. Die wydverspreide gebruik van rame in die verlede kan verklaar word deur die lae gehalte en hoë koste van internetverkeer. As 'n reël is die werf verdeel in 3-5 dele, wat elkeen 'n bepaalde doel vervul het:
- "Cap" (die boonste raam op die breedte van die bladsy) - vertoon die naam van die bron;
- Links / regs "glas" - menu-uitset;
- Die sentrale raamwerk is die vertoning van die werfinhoud.
Om die bladsy in dele te verdeel, mag slegs 'n sekere gedeelte oorlaai wanneer dit opgedateer word. Byvoorbeeld, die gebruiker het 'n kieslysitem gekliek en nuwe inhoud is na die sentrale raam afgelaai.
Moderne rame in HTML 5
Hoekom het ek HTML < iframe > nodig? 'N Voorbeeld is die invoeging van inhoud van 'n derdeparty-bron. 'N Klassieke situasie is wanneer 'n webontwikkelaar die posisie van 'n voorwerp op 'n kaart wil wys. Hoe om te wees? Teken 'n terreinplan van nuuts af? Nee - daar is 'n eenvoudiger oplossing: om 'n element van Google Map, Yandex Maps of 2GIS op die bladsy in te bedek. Die taak word opgelos in vier aksies.
- Jy moet na die werf van enige kartografiese diens gaan.
- Vind die gewenste voorwerp. As jy die presiese adres ken, kan jy dit in die soekkassie invoer.
- Gebruik die knoppie "Stoor en ontvang kode" (vir "Yandex.Map") of "Klaar" (vir Google kaarte) om die kode te kry.
- Dit bly om die gegenereerde opmerkings op die bladsy in te voer.
Daarbenewens kan u die kaart grootte kies en ander vertoon opsies instel.
Hoe anders kan ek HTML < iframe> gebruik ? 'N Voorbeeld hiervan is die invoeging van videomateriaal uit die Youtube-bron. Multimedia tegnologie lok internetgebruikers, dus video-inhoud is so gewild. Met die installering van die video ontwikkelaar sal vinnig hanteer.
- Jy moet jou eie video op Youtube oplaai of 'n derdeparty-lêer vir die uitsending vind.
- Kry die merker deur die HTML-knoppie te kies
- Die finale aksie is om in die HTML-kode
Beide voorbeelde gebruik outomatiese kode generasie, maar professionele ontwikkelaars moet dit self kan saamstel. Eerstens sal dit hulle toelaat om die uitleg van die bladsy te verstaan en, indien nodig, dit te verander. Tweedens word nie altyd die opmaak van werfelemente (alhoewel hulle aan 'n eksterne hulpbron behoort nie) gevorm sonder die deelname van die webmeester. Hier is die hoë kwalifikasie van die ontwikkelaar.
sintaksis
So, voordat jy begin met die uitleg van die bladsy, moet jy die iframe-tag (html) oorweeg: wat dit is en hoe om dit korrek te gebruik.
In die eerste plek moet daarop gelet word dat die merker gekoppel is. Tussen die opening en sluitingselemente, spesifiseer die inhoud wat vertoon sal word in blaaiers wat nie hierdie opmaakelement ondersteun nie. Die belangrikste eienskappe van die tag is:
- Breedte (breedte);
- hoogte (lengte);
- Src (die adres van die gelaaide hulpbron);
- Belyn (belyningsmetode);
- frame border;
- allowfullscreen.
Dus word die kode vir
In die gevolgde nasien is dit genoeg om die adres van 'n webwerf met enige ander te vervang en, indien nodig, die groottes van 'n raamwerk te korrigeer.
Similar articles
Trending Now