Inline rammer, vanligvis bare referert til som "iframes", er den eneste typen ramme som er tillatt i HTML5. Disse bildene er i hovedsak en del av siden din som du "kutter ut". I det rommet du har kuttet ut av siden, kan du deretter mate inn en ekstern nettside. I hovedsak er en iframe et annet nettleservindu satt rett inn i websiden din. Du seekode iframes vanligvis brukt på nettsteder som trenger å inkludere eksternt innhold som et Google-kart eller en video fra YouTube. Begge disse populære nettstedene bruker iframes i deres innebygde kode.
Slik bruker du IFRAME-elementet
Elementet bruker de globale globale elementene i HTML5 samt flere andre elementer. Fire er også attributter i HTML 4.01:
- -Adressen for kilden til rammen
- -Høyden på vinduet
- -Bredden av vinduet
- -Navnet på vinduet
Og tre er nye i HTML5:
srcdoc-Ht HTML for kilden til rammen. Denne attributtet har forrang over alle nettadresser isrcEgenskapsandkasse-En liste over funksjoner som skal tillates eller tillates i ramvinduetsømløs-Eller brukeragenten at iframe skal gjengis som det er usynlig del av foreldre dokumentet
For å bygge en enkel iframe, angir du kildeadressen og bredden og høyden:
Merk at du kan velge å ikke bruke pikslerverdier for innstillingene til iframe, men kan i stedet bestemme deg for å bruke en prosentandel. Hvis du bygger en lydhør nettside hvis størrelse skal endres med forskjellige skjermstørrelser, vil disse prosentene være viktige.
Det er også noen attributter som er gyldige i HTML 4.01, men foreldet i HTML5. Siden de fleste nettsteder i dag bruker HTML5 +, er disse attributter de du ikke vil bruke (men som du kanskje ser i noen eldre dokumenter).
- I stedet bruk en
ENelement for å lenke til en beskrivelse - I stedet bruk CSS
flyteeiendom allowtransparencyI stedet bruk CSSbakgrunneiendom for å gjøre Ifram gjennomsiktig- - bruk istedenfor
grenseCSS eiendom marginheightI stedet bruk CSSmargineiendommarginwidthI stedet bruk CSSmargineiendom- I stedet bruk CSS
flyteeiendom
IFRAME nettleserstøtte
De IFRAME elementet støttes av alle moderne nettlesere:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Hvis ikke noe versjonsnummer vises i listen ovenfor, er det fordi alle versjoner av nettleseren støtter den.
En ting å være oppmerksom på er at mens alle nettlesere støtter IFRAME element, er det fortsatt begrenset støtte for noen av HTML5-funksjonene.
- Ved hjelp av
flyteå slå av rulling er ikke pålitelig. Hvis du ikke vil ha scrollbars på dine iframes, bør du fortsette å brukerulleEgenskap. - De
srcdoc,sandkasse, ogsømløsAttributtene støttes ikke av noen nettlesere nå.
Kobling med Iframes
Når du gir dine iframes a Navn eller id Du kan deretter peke på linkene dine på den rammen med attributtet på EN element. Da, når en bruker klikker på lenken, vil den åpne i det refererte iframe stedet for det nåværende vinduet.
Prøv det selv. Skriv inn følgende på en nettside:
Dette er min iframe
Når du klikker denne lenken, åpnes et nytt dokument i vinduet ovenfor.
id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">
Hvis dokumentet åpnes i IFRAME har ikke noen mål satt, så vil alle disse koblingene åpne i samme iframe som foreldringsdokumentet.
Du kan bruke denne funksjonen til å lage lenker i en IFRAME endre innholdet til en annen IFRAME på samme side.
IFrames og Security
De IFRAME element, i seg selv, er ikke en sikkerhetsrisiko for deg eller dine lesere. Dessverre iframes har fått dårlig rykte fordi de kan brukes av ondsinnede nettsteder for å inkludere innhold som kan infisere en besøks datamaskin uten at de ser det på siden. Dette gjøres ved å ha koblinger peker mot det usynlige IFRAME og disse skriptene slår av ondsinnet kode. Brukeren klikker koblingen og mener at lenken er ødelagt fordi ingenting syntes å skje, men et skript ble satt av der de ikke kunne se det.
Det er også datavirus som vil injisere en usynlig IFRAME inn i websidene dine, og gjør nettsiden din til en botnet. De kan gjøre dette gjennom SQL-injeksjon og andre angrep.
Ting å huske når du inkluderer en IFRAME På din nettside er det at brukerne dine bare er like sikre som innholdet på alle nettstedene du kobler til. Hvis du har grunn til å føle et nettsted, er usikkert, må du ikke koble deg til det på noen måte, og du må absolutt ikke inkludere innholdet i en IFRAME. Å koble til dine egne sider i iframes, utgjør imidlertid ikke en sikkerhetsrisiko for deg eller dine brukere.
Opprinnelig artikkel av Jennifer Krynin. Redigert på 11/7/16 av Jeremy Girard
