Internettet, Web Design
Sådan indsættes en iframe i HTML: et eksempel på at bruge
Ved begyndelsen af byggepladsen anvendte webressourcer meget brug af rammer for at vise enkelte sider. Men med ankomsten af den nye version af HTML 5 er alt blevet ændret. < Frame >, < frameset > og < noframes > markupelementer betragtes som forældede. Udskiftning af dem var et enkelt mærke - < iframe >. Hvordan tilføjes til html
Hvad er rammer?
En ramme er grundlaget for de fleste af de første websider. Hvis du oversætter bogstaveligt, betyder dette ord "ramme", dvs. rammen er en lille del af siden i browseren. Den udbredte brug af rammer i fortiden kan forklares af den lave kvalitet og den høje pris for internettrafik. Webstedet blev som regel opdelt i 3-5 dele, som hver især opfyldte et bestemt formål:
- "Cap" (den øverste ramme på bredden af siden) - vis navnet på ressourcen;
- Venstre / højre "glas" - menu output;
- Den centrale ramme er visning af webstedets indhold.
Opdeling af siden i dele tilladt at overbelaste kun en bestemt del, når den opdateres. For eksempel har brugeren klikket på et menupunkt, og nyt indhold blev downloadet til den centrale ramme.
Moderne rammer i HTML 5
Hvorfor har jeg brug for HTML < iframe >? Et eksempel er indsættelse af indhold fra en tredjeparts ressource. En klassisk situation er, når en webudvikler ønsker at vise placeringen af et objekt på et kort. Hvordan skal man være? Tegn en terrænplan fra bunden? Nej - der er en enklere løsning: at indlejre et element i Google Map, Yandex Maps eller 2GIS på siden. Opgaven er løst i fire handlinger.
- Du skal gå til webstedet for enhver kartografisk service.
- Find det ønskede objekt. Ved at kende den nøjagtige adresse kan du indtaste den i søgefeltet.
- Brug knappen "Gem og modtag kode" (for "Yandex.Map") eller "Udført" (til Google maps) for at få koden til at indsætte.
- Det er fortsat at indtaste de genererede markup-tags på siden.
Derudover kan du vælge kortstørrelsen og konfigurere andre visningsindstillinger.
Hvordan kan jeg ellers bruge HTML < iframe> ? Et eksempel er indsættelse af videomateriale fra Youtube-ressourcen. Multimedieteknologi tiltrækker internetbrugere, så videoindhold er så populært. Med installationen af videoudvikleren vil klare sig hurtigt.
- Du skal uploade din egen video på Youtube eller finde en tredjepartsfil til udsendelsen.
- Få tagget ved at vælge "HTML" -knappen
- Den endelige handling er at indsætte i HTML-koden
Begge eksempler brugte automatisk kodegenerering, men professionelle udviklere skal kunne komponere det selv. For det første vil det give dem mulighed for at forstå layoutet på siden og om nødvendigt ændre det. For det andet er ikke altid opgørelsen af webstedets elementer (selv om de tilhører en ekstern ressource) dannet uden webmasterens deltagelse. Her er den høje kvalifikation af udvikleren.
syntaks
Så før du starter side layout skal du overveje iframe (html) tag: hvad det er og hvordan du bruger det korrekt.
Først og fremmest skal det bemærkes, at mærket er parret. Mellem åbnings- og lukkeelementerne skal du angive det indhold, der vises i browsere, der ikke understøtter dette markeringselement. De vigtigste attributter af tagget er:
- Bredde (bredde);
- højde (højde);
- Src (adressen på den indlæste ressource);
- Juster (justeringsmetode);
- frameborder;
- allowfullscreen.
Således opnås koden for
I den resulterende markering er det nok at erstatte adressen på et websted med andre og om nødvendigt at rette størrelsen på en ramme.
Similar articles
Trending Now