InternetWeb Design

Si për të futur iframe HTML: shembullin e përdorimit

Në agimin e Web site burimet e ndërtimit janë përdorur gjerësisht korniza për të shfaqur disa pjesë të faqeve. Por me ardhjen e një version të ri të HTML 5, çdo gjë ndryshoi. Elementet e Markup , dhe </em> vjetruar. Zëvendësimi i tyre është bërë një tag vetme - <em><iframe>.</em> Si mund ti shtoj html <iframe>? Shembulli i mëposhtëm do të kuptohet, edhe një rishtar në programimin. </p> <h2> Cilat janë korniza? </h2><p> Frame - baza e më të madhe të faqeve të para internetit. Nëse përkthehet fjalë për fjalë, do të thotë fjala &quot;kornizë&quot;, që është, korniza është një pjesë e vogël e faqes në shfletuesin. Përdorimi i gjerë i kornizave në të kaluarën mund të shpjegohet me cilësi të dobët dhe të kostos së lartë të trafikut të internetit. Në mënyrë tipike, vendi u nda në 3-5 pjesë, secila prej të cilave kryen një qëllim të veçantë: </p> <ul><li> &quot;Cap&quot; (kornizë krye të gjerësisë faqe) - Emri Display i burimeve; </li><li> Majtas / Djathtas &quot;xhami&quot;, - menu ekran; </li><li> frame Central - duke treguar përmbajtjen e site. </li></ul><p><amp-img src="https://i23.delachieve.com/image/1dba462a7e230ecd.jpg" alt="html shembull iframe" width="580" height="435" layout="intrinsic"></amp-img></p> <p> Një ndarje e faqeve të lejuar reloading e vetëm një pjesë e saj, kur ju të përmirësuar. Për shembull, përdoruesi klikimeve menu item, dhe kornizë qendror u derdhur përmbajtje të re. </p> <h2> korniza moderne në HTML 5 </h2><p> Pse nuk kam nevojë për të HTML <em><iframe>?</em> Shembull - për të futur një përmbajtje të tretë faqe parti. Situata klasik është kur një web developer dëshiron të tregojë pozicionin e objektit në hartë. Çfarë duhet të bëni? Draw plan terren nga e para? Jo - nuk është një zgjidhje e thjeshtë: të ndërtuar një element faqe Google Map, Yandex Maps apo 2GIS. Problemi është zgjidhur në katër hapa. </p> <ol><li> Ju duhet të shkoni në faqen e ndonjë hartë të shërbimit. </li><li> Gjej objektin e dëshiruar. Njohja e saktë adresën, ju mund të shkruani atë në search box. </li><li> Përdorni &quot;Save dhe për të marrë kod&quot; (për &quot;Yandex.Maps&quot;) ose &quot;Finish&quot; (Google Maps) për të marrë kodin për të futur. </li><li> Mbetet për të shkruar gjeneruar markup tags në një faqe. </li></ol><p> Përveç kësaj, ju mund të zgjidhni madhësinë e hartës dhe të vendosur opsionet e tjera të ekranit. </p> <p><amp-img src="https://i23.delachieve.com/image/20da6f9a7e280ece.jpg" alt="html shembull iframe" width="600" height="488" layout="intrinsic"></amp-img></p> <p> Si tjetër mund të përdorni HTML <em><iframe>?</em> Shembull - për të futur video nga Youtube burim. Multimedia Technologies tërhequr përdoruesve të internetit, kështu që video përmbajtje është kaq popullore. Me instalimin e zhvilluesi rul trajtuar shpejt. </p> <ol><li> Ajo duhet të jetë i ngarkuar në YouTube video e vet ose të gjeni një fotografi të palës së tretë për përkthim. </li><li> Merrni një tag duke përzgjedhur butonin «HTML-kodin&quot; </li><li> Akti final - të futur <a href="https://sq.delachieve.com/html-code-kodet-html-ngjyra/">kodin HTML</a> <iframe>. SHEMBULL marrë përmbajtje tag do të diskutohet më poshtë. </li></ol><p> Në të dy shembujt I përdorni brez kod automatike, por zhvilluesit profesionale duhet të jetë në gjendje të bëjë vet. Së pari, ajo do të lejojë që ata të kuptojnë faqen vorstke dhe të modifikojë atë nëse është e nevojshme. Së dyti, vendi nuk është gjithmonë shënon elemente (edhe përkundër faktit se ata i përkasin një burim të jashtëm), është formuar pa pjesëmarrjen e webmasteri. Këtu gjithashtu duket zhvilluesi i kualifikuar. </p> <p><amp-img src="https://i23.delachieve.com/image/92fab38a7e2d0ecf.jpg" alt="iframe html atë" width="680" height="450" layout="intrinsic"></amp-img></p> <h2> sintaksë </h2><p> Pra, para se të fillojë faqe vorstke, iframe (html) tag duhet të marrin në konsideratë: çfarë është dhe si të përdorin atë. </p> <p> Para së gjithash, duhet të theksohet se palë tag. Midis hapjes dhe anëtar mbylljen tregojnë përmbajtjen që do të shfaqet në shfletues që nuk e mbështesin elementin markup. tag Basic atributet: </p> <ul><li> gjerësia (W); </li><li> lartesi (lartësia); </li><li> src (adresa e burimeve ngarkuar); </li><li> lidhur (proces shtrirjes); </li><li> frameborder; </li><li> allowfullscreen. </li></ul><p> Kështu, për të marrë kodin për <iframe>. HTML-shembull demonstruar plotësisht më poshtë: </p> <p> <em><Width iframe = &quot;560&quot; height = &quot;315&quot; src = &quot;https://someserver.com/&quot; frameborder =</em> &quot; <em>0&quot; allowfullscreen> </ iframe></em> </p> <p> Tabela Layout është e mjaftueshme për të zëvendësuar adresën e faqes për ndonjë tjetër dhe, nëse është e nevojshme, të rregulluar madhësinë e kornizës. </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"> <a href="https://sq.delachieve.com/jquery-dritare-modale-cfare-ju-duhet-dhe-si-per-te-instaluar/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b36fd1d6704f0ea3-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b36fd1d6704f0ea3-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://sq.delachieve.com/jquery-dritare-modale-cfare-ju-duhet-dhe-si-per-te-instaluar/"> <p>JQuery dritare modale - çfarë ju duhet dhe si për të instaluar</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://sq.delachieve.com/ajo-qe-percakton-koston-e-krijimit-faqen/"> <p>Ajo që përcakton koston e krijimit faqen</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://sq.delachieve.com/si-per-te-bere-nje-flamur-per-faqen-tuaj/"> <p>Si për të bërë një flamur për faqen tuaj</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://sq.delachieve.com/cfare-lloji-i-informacionit-te-vendosur-ne-faqen-e-internetit-te-kompanise/"> <p>Çfarë lloji i informacionit të vendosur në faqen e internetit të kompanisë</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://sq.delachieve.com/css-sprites-nje-pershkrim-te-teknikave-themelore-dhe-keshilla-te-dobishme/"> <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://sq.delachieve.com/css-sprites-nje-pershkrim-te-teknikave-themelore-dhe-keshilla-te-dobishme/"> <p>CSS-sprites: një përshkrim të teknikave themelore dhe këshilla të dobishme</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://sq.delachieve.com/si-per-te-futur-iframe-html-shembullin-e-perdorimit/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/1dba462a7e230ecd-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/1dba462a7e230ecd-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://sq.delachieve.com/si-per-te-futur-iframe-html-shembullin-e-perdorimit/"> <p>Si për të futur iframe HTML: shembullin e përdorimit</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>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</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://sq.delachieve.com/krapivin-vladislav-petrovich-biografi-bibliografi-librat-me-te-mire/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/45e4b007706a0ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/45e4b007706a0ea2-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://sq.delachieve.com/krapivin-vladislav-petrovich-biografi-bibliografi-librat-me-te-mire/"> <p>Krapivin Vladislav Petrovich: biografi, bibliografi, librat më të mirë</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Art dhe Zbavitje</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/sanatorium-gorky-odessa-adresa-numri-i-dhomave-ushqim-trajtim-mjekesor/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/621415f87dec0ecf-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/621415f87dec0ecf-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://sq.delachieve.com/sanatorium-gorky-odessa-adresa-numri-i-dhomave-ushqim-trajtim-mjekesor/"> <p>Sanatorium Gorky, Odessa: adresa, numri i dhomave, ushqim, trajtim mjekësor</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Shëndetësor</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/maria-gorban-biografi-filmografi-dhe-jeta-personale-foto/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/9f5ede2c6fe40e97-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/9f5ede2c6fe40e97-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://sq.delachieve.com/maria-gorban-biografi-filmografi-dhe-jeta-personale-foto/"> <p>Maria Gorban: biografi, filmografi dhe jeta personale (foto)</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Art dhe Zbavitje</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/vladislav-yama-arritjet-dhe-jeta-personale-e-nje-balerin/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/01a9878d7e160ed1-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/01a9878d7e160ed1-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://sq.delachieve.com/vladislav-yama-arritjet-dhe-jeta-personale-e-nje-balerin/"> <p>Vladislav Yama. Arritjet dhe jeta personale e një balerin</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Art dhe Zbavitje</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/7-avantazhet-e-drejtimin-e-biznesit-tuaj-per-te-cilen-askush-nuk-flet/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/86c461dca8fc0ef9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/86c461dca8fc0ef9-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://sq.delachieve.com/7-avantazhet-e-drejtimin-e-biznesit-tuaj-per-te-cilen-askush-nuk-flet/"> <p>7 avantazhet e drejtimin e biznesit tuaj, për të cilën askush nuk flet</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Biznes</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://sq.delachieve.com/ku-jane-ruajtja-e-gta-4/"> <p>Ku janë ruajtja e GTA 4</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Kompjutera</span></h3> </a> </div> <!--mvp-post-more-text--> </li> </ul> </div> <!--mvp-post-more-wrap--> <p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</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://sq.delachieve.com/cfare-eshte-rezerva-federale-kjo-eshte-banka-amerikane-qendrore-ose-shoqeri-e-fshehte/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/c4543d657e2a0ed2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/c4543d657e2a0ed2-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://sq.delachieve.com/cfare-eshte-rezerva-federale-kjo-eshte-banka-amerikane-qendrore-ose-shoqeri-e-fshehte/"> <p>Çfarë është Rezerva Federale? Kjo është banka amerikane qendrore, ose &quot;shoqëri e fshehtë&quot;</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Lajme dhe Shoqëria</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/si-te-njohin-vampir-energjise-si-per-te-rezistuar-vampires-energjise/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/fafd4825702e0ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/fafd4825702e0ea0-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://sq.delachieve.com/si-te-njohin-vampir-energjise-si-per-te-rezistuar-vampires-energjise/"> <p>Si të njohin vampir energjisë? Si për të rezistuar Vampires energjisë?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Zhvillimi intelektual</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/si-te-shkruani-nje-fabul-per-veten-tuaj-keshilla-per-autorit-rishtar/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/b41d47a070540ea7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/b41d47a070540ea7-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://sq.delachieve.com/si-te-shkruani-nje-fabul-per-veten-tuaj-keshilla-per-autorit-rishtar/"> <p>Si të shkruani një fabul për veten tuaj? Këshilla për autorit rishtar</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Publikime dhe shkruar artikuj</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/cactus-humbje-e-ngjyres-cfare-kujdesi-ai-ka-nevoje/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/2779db5370020ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/2779db5370020ea2-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://sq.delachieve.com/cactus-humbje-e-ngjyres-cfare-kujdesi-ai-ka-nevoje/"> <p>Cactus humbje e ngjyrës: çfarë kujdesi ai ka nevojë?</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://sq.delachieve.com/halva-me-gji-dobi-apo-dem/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/d34f952f70d50eb2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/d34f952f70d50eb2-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://sq.delachieve.com/halva-me-gji-dobi-apo-dem/"> <p>Halva me gji: dobi apo dëm?</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Shëndetësor</span></h3> </a> </div> <!--mvp-post-more-text--> </li> <li> <div class="mvp-post-more-img left relative"> <a href="https://sq.delachieve.com/ju-deshironi-qe-te-jete-e-bukur-ne-lexojme-se-si-te-bejne-nje-te-bukur-make-up-ne-shtepi/"> <amp-img class="mvp-reg-img" src="https://i23.delachieve.com/image/dbad45d462200e69-560x315.jpg" width="560" height="315" layout="responsive"></amp-img> <amp-img class="mvp-mob-img" src="https://i23.delachieve.com/image/dbad45d462200e69-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://sq.delachieve.com/ju-deshironi-qe-te-jete-e-bukur-ne-lexojme-se-si-te-bejne-nje-te-bukur-make-up-ne-shtepi/"> <p>Ju dëshironi që të jetë e bukur? Ne lexojmë se si të bëjnë një të bukur make-up në shtëpi</p> <h3 class="mvp-cat-bub"><span class="mvp-cat-bub">Bukuri</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 sq.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.588 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2019-10-01 01:37:01 --> <!-- 0.001 -->