Elementet giver dig mulighed for at integrere andre websider direkte i din webside. Men når der bruges iframes, er der nogle sikkerhedsproblemer og designproblemer, der ikke blev behandlet i HTML 4.01. HTML5 bringer tre nye attributter til dette element for at hjælpe med at løse disse problemer:
Sandkasseattributten
Det sandkasse attributten til IFRAME element er en meget nyttig sikkerhedsfunktion af iframes. Når du placerer den i en IFRAME element, instruerer du brugeragenten om at udelukke funktioner, der kan medføre en sikkerhedsrisiko for webstedet og dets brugere.
For eksempel:
sandkasse = "" >
Fortæller browseren at afvise alle funktioner, der kan være en sikkerhedsrisiko. Specielt er plugins ugyldige. Blanketter kan ikke indsendes. Scripts vil ikke køre og links uden for IFRAME er ikke tilladt. Endelig er adgang til cookies, lokal opbevaring og andre sider på samme domæne (oprindelse) ikke tilladt.
Derefter bruger du sandkasse søgeordsværdier, du kan genaktivere nogle af funktionerne. Disse søgeord er:
tillader-former-Alle form indsendelsetillade-samme-oprindelse-Alle scripts for at få adgang til indhold som cookies fra samme oprindelsesdomænetillader-scripts-Alle scripts at køre i detteIFRAMEtillade-top-navigation-AlleIFRAMElinks og scripts til_topmål
Det er ikke en god ide at sætte begge tillader-scripts og tillade-samme-oprindelse søgeord sammen på samme måde IFRAME. Hvis du gør dette, kan den indlejrede side fuldstændigt fjerne sandkasse attributtet, at negere eventuelle sikkerhedsfordele.
Srcdoc attributten
Det srcdoc attribut er en egenskab, der giver webdesigneren mere kontrol over iframes samt mere sikkerhed. I stedet for at linke til en webside på en anden webadresse placerer webdesigneren den HTML, der skal vises i en IFRAME inde i srcdoc attribut.
I starten kan du tænke: "Hvordan er det anderledes end at sætte HTML'en rigtigt på siden?" Og på nogle måder er det ikke særdeles anderledes. Men du skal huske på en af funktionerne i IFRAME element, som er at beholde usikrede data adskilt fra resten af webstedet.
Ved at placere HTML, der er oprettet af en usikker kilde, f.eks. En formular, til en IFRAME du kan "sandbox" det usikrede indhold og stadig vise det på siden. Blog kommentarer er et eksempel. De fleste blogs har kun et begrænset antal HTML-tags, kommentatorer kan bruge i deres kommentarer. Men ved at placere disse kommentarer i en sandkasse IFRAME bruger srcdoc Attributtet, kommentarerne kan være mere robuste og samtidig beskytte webstedet som helhed.
Sikkerhed og Iframes
Ovenstående to attributter giver sikkerhed for din IFRAME elementer, men de er ikke bevis for alle ondsindede websteder. Hvis det ondsindede websted kan overbevise en bruger om at få adgang til det fjendtlige indhold direkte (f.eks. Ved at indtaste URL'en i deres browser), kan de stadig angribes.
Hvis det er muligt, er det bedst at indstille indholdet i sandkassen IFRAME som den text / html-sandboxed MIME type.
Den sømløse egenskab
Det sømløs attribut er en boolsk attribut, der fortæller browseren at vise IFRAME som om det var en del af forældredokumentet. Hvis du vil have din IFRAME at vise problemfrit, skal du blot inkludere denne attribut i elementet:
sømløs >
Men at gøre IFRAME sømløs er mere end blot udseendet, det er også hvordan siden interagerer med rammen. For eksempel:
- Links i
IFRAMEåbnes i hovedvinduet, medmindreIFRAMEsiden har målet_SELVsæt. - CSS i
IFRAMEvil blive tilføjet til kaskade i hele dokumentet. - Rotteelementet i
IFRAMEsiden betragtes som et barn afIFRAME. - Bredden og højden af
IFRAMEer indstillet på lignende måde til, hvordan andre blokniveauelementer vil blive indstillet. - Når forældredokumentet ses af et taleafgivelsesværktøj som en skærmlæser, vil
IFRAMEville blive læst uden at annoncere det som et særskilt dokument. - Eventuelle scripts på forældredokumentet vil påvirke
IFRAMEdokument på samme måde. For eksempel, hvis et script angiver alle rammer på siden, er linkene iIFRAMEville blive opført som godt.
Med andre ord, sømløs Attribut gør meget mere end bare at fjerne grænserne fra IFRAME. Hvis du skal sætte en IFRAME For at være sømløse, skal du være meget sikker på indholdet, så du ikke tilføjer nogen sikkerhedsrisiko for dit websted ved at integrere et ondsindet websted.
