Frames inline vă permit să includeți conținut din surse externe pe paginile dvs.
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. Afișați iframe 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 atributul src
- sandbox - o listă de caracteristici care ar trebui să fie permise sau interzise în fereastra cadru
- fără sudură - indică agentului 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, utilizați un element A pentru a conecta la o descriere
- - în loc, utilizați proprietatea floating CSS
- permiteți transparența - în loc să utilizați proprietatea de fundal CSS pentru a face ifram transparent
- - în loc să folosiți proprietatea CSS de frontieră
- marginheight - în loc, utilizați proprietatea marjei CSS
- marginwidth - în loc, utilizați proprietatea marjei CSS
- - în loc, utilizați proprietatea de overflow CSS
IFRAME Support Browser
Elementul IFRAME 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 acceptă elementul IFRAME, există încă un suport limitat pentru unele dintre caracteristicile HTML5.
- Utilizarea deversorului pentru a dezactiva defilarea nu este fiabilă. Dacă nu doriți bare de derulare în cadrul iframe, ar trebui să continuați să utilizați atributul derulant.
- Atributele srcdoc, sandbox și fără sudură nu sunt acceptate de niciun browser în acest moment.
Legarea cu iframe
Când dați iframe-ului un nume sau un id, puteți să vă îndreptați linkurile la acel cadru cu atributul de pe elementul A. 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:
Dacă documentul deschis în IFRAME nu are setări țintă , atunci toate aceste linkuri se vor deschide în aceeași iframe ca documentul părinte .
Puteți utiliza această funcție pentru a face legături într-un IFRAME să schimbe conținutul unui alt IFRAME pe aceeași pagină.
IFrame și Securitate
Elementul IFRAME, prin el însuși, nu reprezintă un risc de securitate pentru dvs. sau pentru 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 care indică IFRAME invizibil, iar acele script-uri dezactivează 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 calculator care vor injecta un IFRAME invizibil î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.
Lucrul pe care trebuie să-l rețineți 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ă simțiți că un site nu este de încredere, nu faceți legătura cu acesta î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