Í dögun á vefsíðu bygging auðlindir eru mikið notaðar ramma til að birta ákveðna hluta síður. En með tilkomu nýja útgáfu af HTML 5, breyttist allt. Þáttagreining Markup , og <![CDATA[</em> úrelt. Skipta þeim hefur orðið einn tag - <em><iframe>.</em> Hvernig bæti ég við HTML <iframe>? Dæmið hér verður skilið, jafnvel nýliði í forritun. </p>
<h2> Hvað eru rammar? </h2><p> Frame - grundvöllur flestra fyrstu vefsíðum. Ef þýtt bókstaflega orðið þýðir "ramma" sem er, að ramma er lítill hluti af síðunni í vafranum. Útbreidd notkun ramma í fortíðinni má skýra með lélegar og hár kostnaður af umferð Internet. Venjulega, the staður var skipt upp í 3-5 hluta, sem hver um sig gegnir sérstakur tilgangur: </p>
<ul><li> "Cap" (efst ramma síðunnar breidd) - Sýna heiti auðlind; </li><li> Vinstri / Right "gler" - sýna valmynd; </li><li> Central ramma - sýning innihald síðunnar. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="HTML iframe dæmi" width="580" height="435" layout="intrinsic"></amp-img></p>
<p> A sundurliðun síður að leyfa endurhlaða á aðeins hluta af því þegar þú ert að uppfæra. Til dæmis, notandi smellir á valmyndinni, og aðal ramma var dælt nýtt efni. </p>
<h2> Modern rammar í HTML 5 </h2><p> Af hverju þarf ég að HTML <em><iframe>?</em> Dæmi - til að setja þriðja aðila innihald vefsvæðis. Klassíski Ástandið er þegar vefur verktaki vill sýna stöðu hlutarins á kortinu. Hvað á að gera? Draga jörð áætlun frá grunni? Nei - það er einfaldari lausn: að byggja upp síðuna Google Map þáttur Yandex Maps eða 2GIS. Vandamálið er leyst í fjórum skrefum. </p>
<ol><li> Þú þarft að fara á síðuna á hverjum kortaþjónustu. </li><li> Finna viðeigandi hlut. Vitandi nákvæmlega heimilisfang, getur þú slegið það inn í leitarreitinn. </li><li> Notaðu "Vista og fá númerið" (fyrir "Yandex.Maps") eða "Finish" (Google Maps) til að fá kóðann til að setja inn. </li><li> Það er enn að skrifa mynda rá merkin á síðunni. </li></ol><p> Auk þess, getur þú valið stærð kortinu og stilla aðra valkosti sýna. </p>
<p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="HTML iframe dæmi" width="600" height="488" layout="intrinsic"></amp-img></p>
<p> Hvernig annars er hægt að nota HTML <em><iframe>?</em> Dæmi - til að setja inn myndbönd frá Youtube auðlind. Margmiðlun Technologies laða Internet notendur, þannig að myndskeið er svo vinsæll. Með uppsetningu á framkvæmdaraðila vals höndla fljótt. </p>
<ol><li> Það ætti að vera hlaðið inn á YouTube eigin vídeó eða finna þriðja aðila skrá fyrir þýðingar. </li><li> Fá merki með því að velja hnappinn «HTML-kóða" </li><li> Lokagerð - setja <a href="https://is.delachieve.com/html-koda-html-lit-koda/">HTML kóða</a> <iframe>. Dæmi fékk tag efni verður fjallað hér á eftir. </li></ol><p> Í báðum dæmunum sem ég nota sjálfvirka kóða kynslóð, en fagleg verktaki ætti að vera fær um að gera sitt eigið. Í fyrsta lagi mun það leyfa þeim að skilja vorstke síðu og breyta henni ef þörf krefur. Í öðru lagi, the staður er ekki alltaf merking þætti (jafnvel þrátt fyrir þá staðreynd að þeir tilheyri utanaðkomandi auðlind), myndast án þátttöku vefstjóra. Hér kemur einnig mjög hæfur forritari. </p>
<p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe HTML hana" width="680" height="450" layout="intrinsic"></amp-img></p>
<h2> setningafræði </h2><p> Svo áður en þú byrjar síðu vorstke, iframe (html) tag verður í huga: hvað það er og hvernig á að nota það. </p>
<p> Fyrst af öllu, skal tekið fram að merkið par. Milli opnun og lokun meðlimur tilgreina efni til að birta í vafra sem styðja ekki Markup frumefni. Basic tag eiginleikar: </p>
<ul><li> breidd (W); </li><li> Hæð (hæð); </li><li> src (heimilisfang hlaðinn auðlind); </li><li> samræma (röðun aðferð); </li><li> frameBorder; </li><li> allowfullscreen. </li></ul><p> Svona, til að fá kóða fyrir <iframe>. HTML-dæmi að fullu sýnt fram hér á eftir: </p>
<p> <em><Iframe width = "560" height = "315" src = "https://someserver.com/" frameBorder =</em> " <em>0" allowfullscreen> </ iframe></em> </p>
<p> Taflan skipulag er nóg að skipta um heimilisfang af the staður til að allir aðrir og, ef nauðsyn krefur, stilla stærð ramma. </p>
</div>
<!--mvp-content-main-->
</div>
<!--mvp-content-body-top-->
</div>
<!--mvp-content-body-->
</div>
<!--mvp-content-wrap-->
</div>
<!--mvp-post-content-->
</div>
<!--mvp-post-main-->
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Similar articles</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/abendingar-fyrir-byrjendur-hvernig-a-ad-velja-videigandi-html-ritstjori/">
<p>Ábendingar fyrir byrjendur: hvernig á að velja viðeigandi HTML ritstjóri</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/hversu-mikid-er-a-website/">
<p>Hversu mikið er a website?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/rett-hoennun-af-the-stadur-lykillinn-ad-arangri/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e3a19d7553d50e2c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e3a19d7553d50e2c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/rett-hoennun-af-the-stadur-lykillinn-ad-arangri/">
<p>Rétt hönnun af the staður - lykillinn að árangri</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/hvernig-er-hnappur-fyrir-siduna/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c7f69517547d0e3a-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c7f69517547d0e3a-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/hvernig-er-hnappur-fyrir-siduna/">
<p>Hvernig er hnappur fyrir síðuna?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/af-hverju-ad-halda-afram-ad-laera-html/">
<p>Af hverju að halda áfram að læra HTML?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/css-sprites-lysing-a-helstu-adferdir-og-gagnlegar-abendingar/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/eec650fa7e320ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/eec650fa7e320ed1-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/css-sprites-lysing-a-helstu-adferdir-og-gagnlegar-abendingar/">
<p>CSS-sprites: lýsing á helstu aðferðir og gagnlegar ábendingar</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Trending Now</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/hvernig-a-ad-gera-gjafakort-fyrir-hlutdeild-i-ibud-haegri/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/7c2f6d927ea30edc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/7c2f6d927ea30edc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/hvernig-a-ad-gera-gjafakort-fyrir-hlutdeild-i-ibud-haegri/">
<p>Hvernig á að gera gjafakort fyrir hlutdeild í íbúð hægri</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Lögin</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/thradlaus-runni-lysing-gerd-val-einkenni/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/3c116c617dcb0ec8-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/3c116c617dcb0ec8-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/thradlaus-runni-lysing-gerd-val-einkenni/">
<p>Þráðlaus Runni: lýsing, gerð val, einkenni</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Homeliness</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/mat-ibudir-til-sberbank-vidurkennd-fyrirtaeki/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/4d99fbb27dac0ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/4d99fbb27dac0ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/mat-ibudir-til-sberbank-vidurkennd-fyrirtaeki/">
<p>Mat íbúðir til Sberbank: viðurkennd fyrirtæki</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Fjármál</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/megafon-multifon-thjonustan-multifon/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e1d60eee6f9d0e99-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e1d60eee6f9d0e99-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/megafon-multifon-thjonustan-multifon/">
<p>"MegaFon" - "MultiFon". Þjónustan "MultiFon"</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tækni</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/glaesilegustu-fljotandi-hotel-i-heimi/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/d1fe94efaafd0f15-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/d1fe94efaafd0f15-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/glaesilegustu-fljotandi-hotel-i-heimi/">
<p>Glæsilegustu "fljótandi" hótel í heimi</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Ferðast</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/greining-a-notkun-mannafla-askorunum-og-attir/">
<p>Greining á notkun mannafla: áskorunum og áttir</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Viðskipti</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header" style="margin-top:40px;">
<span class="mvp-post-header">Newest</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/xiaomi-simi-audkenningar-og-helstu-blaebrigdi/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/5924c0cf7e140ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/5924c0cf7e140ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/xiaomi-simi-audkenningar-og-helstu-blaebrigdi/">
<p>Xiaomi Sími: auðkenningar og helstu blæbrigði</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Tækni</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/vid-litum-a-draumur-tulkun-bok-kanina-hvad-myndi-thad-thyda/">
<p>Við lítum á draumur túlkun bók. Kanína, hvað myndi það þýða?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Vitsmunalegum þroska</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/thar-oligarchs-lifa/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/05c7fcb46f9f0e8f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/05c7fcb46f9f0e8f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/thar-oligarchs-lifa/">
<p>Þar oligarchs lifa?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Fréttir og Samfélag</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/tegundir-raunverulegur-svindla-og-athuga-siduna-svik/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/e0924e9170510ea5-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/e0924e9170510ea5-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/tegundir-raunverulegur-svindla-og-athuga-siduna-svik/">
<p>Tegundir "raunverulegur svindla" og athuga síðuna svik</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Internet</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/zhiguli-brewery-i-samara/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/f766cbad7d0b0eb4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/f766cbad7d0b0eb4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/zhiguli-brewery-i-samara/">
<p>Zhiguli Brewery í Samara</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Matur og drykkur</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://is.delachieve.com/modga-loegreglumadur-i-afkomu-grein-almennra-hegningarlaga/">
<amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/14f27ec47ecb0ee0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/14f27ec47ecb0ee0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://is.delachieve.com/modga-loegreglumadur-i-afkomu-grein-almennra-hegningarlaga/">
<p>Móðga lögreglumaður í afkomu: grein almennra hegningarlaga</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Lögin</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-article-cont-->
</article>
<!--mvp-article-wrap-->
</div>
<!--mvp-main-body-wrap-->
<footer id="mvp-foot-wrap" class="left relative">
<div id="mvp-foot-bot" class="left relative">
<div class="mvp-main-box">
<div id="mvp-foot-copy" class="left relative">
<p>Copyright © 2018 is.delachieve.com. Theme powered by WordPress.</p>
</div>
<!--mvp-foot-copy-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-foot-bot-->
</footer>
</div>
<!--mvp-site-main-->
</div>
<!--mvp-site-wall-->
</div>
<!--mvp-site-->
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/11999667/0/cc03a949/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.508 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 20:16:04 -->
<!-- 0.002 --> ]]>