Hvordan og hvornår skal du bruge Iframes (Inline Frames)

Inline-rammer, der almindeligvis kun omtales som "iframes", er den eneste type ramme, der er tilladt i HTML5. Disse rammer er i det væsentlige et afsnit på din side, som du "skærer ud". I det rum, du har skåret ud af siden, kan du derefter indtaste en ekstern webside. I det væsentlige er en iframe et andet browservindue, der ligger lige inde i din webside. Du seekode iframes almindeligt anvendt på websteder, der skal indeholde eksternt indhold som et Google-kort eller en video fra YouTube. Begge disse populære hjemmesider bruger iframes i deres embed kode.

Sådan bruges IFRAME Element

Elementet bruger de globale globale HTML5-elementer samt flere andre elementer. Fire er også attributter i HTML 4.01:

• -Adressen til kilden til rammen
• Vinduets højde
• -Vinduets bredde
• -Navnet på vinduet

Og tre er nye i HTML5:

• srcdoc-Ht HTML for kilden til rammen. Denne egenskab har forrang over enhver webadresse i src attribut
• sandkasse-En liste over funktioner, der skal tillades eller udelades i ramvinduet
• sømløs- fortæller brugeragenten, at iframe skal gengives som om det er usynligt, at det er en del af overordnet dokument

For at opbygge et simpelt iframe, indstiller du kildens webadresse og bredden og højden:

Bemærk, at du kan vælge ikke at bruge pixelværdier for indstillingerne for dit iframe, men kan i stedet beslutte at bruge en procentdel. Hvis du opbygger et lydhurt websted, hvis størrelse skal ændres med forskellige skærmstørrelser, vil disse procentdele være vigtige.

Der er også nogle attributter, der er gyldige i HTML 4.01, men forældede i HTML5. Da de fleste websites i dag bruger HTML5 +, er disse attributter dem, du ikke vil bruge (men som du måske ser i nogle gamle dokumenter).

• - brug i stedet en EN element for at linke til en beskrivelse
• - brug i stedet CSS flyde ejendom
• allowtransparency- brug i stedet CSS baggrund ejendom for at gøre ifram gennemsigtig
• -Brug i stedet grænse CSS ejendom
• marginheight- brug i stedet CSS margen ejendom
• marginwidth- brug i stedet CSS margen ejendom
• - brug i stedet CSS flyde over ejendom

IFRAME Browser Support

Det IFRAME element understøttes af alle moderne browsere:

• Android
• Chrome
• Firefox
• Internet Explorer 2+
• iOS / Safari Mobile
• Netscape 7+
• Opera 3+
• Safari

Hvis der ikke vises et versionsnummer i ovenstående liste, skyldes det, at alle versioner af den pågældende browser understøtter det.

En ting at være opmærksom på er det, mens alle browsere understøtter IFRAME element, er der stadig begrænset support til nogle af HTML5-funktionerne.

• Ved brug af flyde over at slukke rulning er ikke pålidelig. Hvis du ikke vil have scrollbars på dine iframes, skal du fortsætte med at bruge rulning attribut.
• Det srcdoc, sandkasse, og sømløs attributter understøttes ikke af nogen browsere på nuværende tidspunkt.

Sammenkædning med Iframes

Når du giver dine iframes a navn eller id Du kan derefter pege på dine links på den ramme med attributten på EN element. Så når en bruger klikker på linket, åbnes det inden for det refererede iframe snarere end det nuværende vindue.

Prøv det selv. Indtast følgende på en webside:

id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">

Dette er mit iframe

Når du klikker på dette link åbner det et nyt dokument inde i ovenstående vindue.

Hvis dokumentet åbnes i IFRAME har ingen mål indstillet, så åbnes alle disse links i samme iframe som forældredokumentet.

Du kan bruge denne funktion til at lave links i en IFRAME ændre indholdet af en anden IFRAME på samme side.

IFrames og Security

Det IFRAME element i sig selv er ikke en sikkerhedsrisiko for dig eller dine læsere. Desværre iframes har fået et dårligt ry, fordi de kan bruges af ondsindede websteder til at indeholde indhold, der kan inficere en besøgendes computer uden at se det på siden. Dette gøres ved at have links peger på det usynlige IFRAME og disse scripts afregner ondsindet kode. Brugeren klikker på linket og mener, at linket er brudt, fordi intet syntes at ske, men et script blev sat af sted, hvor de ikke kunne se det.

Der er også computervirus, der vil injicere en usynlig IFRAME ind i dine websider, og gør din hjemmeside til en botnet. De kan gøre dette via SQL-indsprøjtning og andre angreb.

Ting at huske, når der er inkluderet en IFRAME på din webside er det, at dine brugere kun er lige så sikre som indholdet af alle de websteder, du linker til. Hvis du har grund til at føle et websted, er ubetydeligt, skal du ikke linke til det på nogen måde og helt sikkert ikke indeholde indholdet i en IFRAME. Kobling til dine egne sider inden for iframes udgør imidlertid ikke en sikkerhedsrisiko for dig eller dine brugere.

Originalartikel af Jennifer Krynin. Redigeret den 11/7/16 af Jeremy Girard