Cum și când să utilizați cadrele Iframe (Frames inline)

Cadrele inline, denumite în mod obișnuit "iframe", sunt singurul tip de cadru permis în HTML5. Aceste cadre sunt în esență o secțiune a paginii dvs. pe care o "tăiați". În spațiul pe care l-ați tăiat din pagină, puteți să introduceți o pagină web externă. În esență, o iframe este o altă fereastră de browser setată chiar în interiorul paginii dvs. web. Puteți ifecode ifecode utilizate în mod obișnuit pe site-urile web care trebuie să includă conținut extern cum ar fi o hartă Google sau un videoclip de pe YouTube. Ambele site-uri populare folosesc iframe în codul lor de încorporare.

Cum se utilizează elementul IFRAME

Elementul utilizează elementele globale HTML5, precum și alte elemente. Patru sunt, de asemenea, atributele în HTML 4.01:

• - adresa URL a sursei cadrului
• - înălțimea ferestrei
• - lățimea ferestrei
• - numele ferestrei

Și trei sunt noi în HTML5:

• srcdoc- HTML pentru sursa cadrului. Acest atribut are prioritate față de orice adresă URL din src atribut
• Sandbox- o listă de caracteristici care ar trebui să fie permise sau interzise în fereastra cadru
• fără sudură-Devine agentul utilizator că iframe-ul ar trebui să fie redat ca și cum ar fi invizibil parte din documentul părinte

Pentru a construi un iframe simplu, setați adresa URL sursă și lățimea și înălțimea:

Rețineți că este posibil să alegeți să nu utilizați valorile pixelilor pentru setările iframe-ului dvs., însă poate decide să utilizați un procentaj. Dacă construiți un site web receptiv a cărui dimensiune ar trebui să se schimbe cu diferite dimensiuni ale ecranului, aceste procente vor fi importante.

Există, de asemenea, unele atribute valabile în HTML 4.01 dar depășite în HTML5. Deoarece majoritatea site-urilor de astăzi utilizează HTML5 +, aceste atribute sunt acelea pe care nu le veți folosi (dar pe care le puteți vedea în unele documente vechi).

• - În loc, folosește-o A element pentru a conecta la o descriere
• - în loc să folosești CSS pluti proprietate
• allowtransparency- în loc să folosești CSS fundal proprietate pentru a face ifram transparent
• - în loc să folosească frontieră Proprietatea CSS
• marginheight- în loc să folosești CSS margine proprietate
• marginwidth- în loc să folosești CSS margine proprietate
• - în loc să folosești CSS revărsare proprietate

IFRAME Support Browser

IFRAME element este susținut de toate browserele moderne:

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

Dacă nu este afișat niciun număr de versiune în lista de mai sus, aceasta se întâmplă deoarece toate versiunile browserului îl acceptă.

Un lucru care trebuie avut în vedere este că în timp ce toate browserele suportă IFRAME element, există încă un suport limitat pentru unele dintre caracteristicile HTML5.

• Utilizarea revărsare pentru a dezactiva defilarea nu este fiabilă. Dacă nu doriți bare de derulare pe iframe, ar trebui să continuați să utilizați defilare atribut.
• srcdoc, Sandbox, și fără sudură atributele nu sunt acceptate de niciun browser în acest moment.

Legarea cu iframe

Când îți dai iframe a Nume sau id puteți să vă îndreptați linkurile la acel cadru cu atributul de pe A element. Apoi, atunci când un utilizator face clic pe link, se va deschide în interiorul iframe-ului referit, mai degrabă decât în ​​fereastra curentă.

Incearca-l tu insuti. Introduceți următoarele într-o pagină web:

id = "myIframe" src = "http://webdesign.about.com/#lp-main" înălțime = "200px" width = "500px">

Acesta este iframe-ul meu

Când faceți clic pe acest link, acesta va deschide un nou document în fereastra de mai sus.

Dacă documentul a fost deschis în IFRAME nu are setări țintă, atunci toate aceste linkuri se vor deschide în același iframe ca și documentul părinte.

Puteți utiliza această funcție pentru a crea linkuri într-una singură IFRAME schimbați conținutul altui IFRAME pe aceeasi pagina.

IFrame și Securitate

IFRAME element, de la sine, nu reprezintă un risc de securitate pentru dvs. sau cititorii dvs. Din păcate, iframe-urile au dobândit o reputație proastă, deoarece pot fi folosite de site-urile web rău intenționate pentru a include conținut care poate infecta computerul unui vizitator fără ca aceștia să-l vadă pe pagină. Acest lucru se face prin link-uri ce indică invizibilul IFRAME și acele script-uri au dezactivat codul rău intenționat. Utilizatorul dă clic pe link și crede că legătura este ruptă, deoarece nu pare să se întâmple nimic, dar a fost lansat un scenariu în care nu au putut fi văzute.

Există, de asemenea, viruși de computer care vor injecta un invizibil IFRAME în paginile dvs. web, transformând în mod eficient site-ul dvs. într-un botnet. Ei pot face acest lucru prin injectare SQL și alte atacuri.

Lucru de reținut când includeți un IFRAME pe pagina dvs. web este că utilizatorii dvs. sunt la fel de sigure ca și conținutul tuturor site-urilor la care vă conectați. Dacă aveți motive să vă simțiți că un site nu este de încredere, nu faceți legătura cu el în niciun mod și, cu siguranță, nu includeți conținutul acestuia într-un IFRAME. Conectarea la propriile pagini din cadrul iframe, cu toate acestea, nu prezintă un risc de securitate pentru dvs. sau utilizatorii dvs.

Articolul original de Jennifer Krynin. Editat pe 11/7/16 de către Jeremy Girard