Inline Frames ļauj iekļaut saturu no ārējiem avotiem jūsu lapās
Inline frames, parasti saukts tikai par "iframes", ir vienīgais rāmis, kas ir atļauts HTML5 formātā. Šie rāmji būtībā ir jūsu lapas sadaļa, kuru esat "izgriezis". Vietnē, kurā esat izgriezies no lapas, pēc tam varat pāriet pie ārējas tīmekļa lapas. Būtībā iframe ir cits pārlūka logs, kas atrodas tieši jūsu tīmekļa lapas iekšienē. Jūs redzat, ka iframes tiek bieži izmantotas vietnēs, kurās ir jāiekļauj ārējais saturs, piemēram, Google karte vai video no YouTube.
Abas šīs iecienītās tīmekļa vietnes iegulto kodu izmanto iframes.
Kā lietot IFRAME elementu
Elementā tiek izmantoti HTML5 globālie elementi, kā arī vairāki citi elementi. Četri ir arī atribūti HTML 4.01:
- -rāmja avota URL
- - loga augstums
- - loga platums
- - loga nosaukums
Un trīs ir jauni HTML5 formātā:
- srcdoc - rāmis avota HTML. Šis atribūts ir prioritāte pār jebkuru URL atribūtā src
- smilškastes - funkciju saraksts, kuras rāmja logā vajadzētu atļaut vai aizliegt
- bezšuvju - izsauc lietotāja aģentu, ka iframe būtu jādara, tāpat kā tas ir nemanāmi mātes dokumenta daļa
Lai izveidotu vienkāršu iframe, jūs iestatāt avota URL un platumu un augstumu:
Ņemiet vērā, ka jūs varat izvēlēties neizmantot pikseļu vērtības jūsu iFrame iestatījumos, bet tā vietā var izvēlēties izmantot procentuālo vērtību.
Ja veidojat atsaucīgu vietni, kuras izmēriem vajadzētu mainīties, izmantojot dažādus ekrāna izmērus, šie procenti būs svarīgi.
Ir arī daži atribūti, kas derīgi HTML 4.01 versijā, bet HTML5 formātā tie ir novecojuši. Tā kā lielākā daļa vietņu šodien izmanto HTML5 +, šie atribūti ir tie, kurus nevēlaties izmantot (bet kurus jūs varat redzēt dažos mantotos dokumentos).
- - tā vietā izmantojiet A elementu, lai saistītu ar aprakstu
- -Tomēr, izmantojiet CSS peldošās īpašības
- Ļaujiet pārredzamību - tā vietā izmantojiet CSS fona īpašumu, lai padarītu ifram caurspīdīgu
- -Tāpēc izmantojiet robežas CSS īpašumu
- marginheight-tā vietā izmantojiet CSS maržas īpašumu
- margin width - tā vietā izmantojiet CSS maržas īpašumu
- -Tomēr, izmantojiet CSS pārpildes īpašību
IFRAME pārlūkprogrammas atbalsts
IFRAME elementu atbalsta visas mūsdienu pārlūkprogrammas:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Ja iepriekšējā sarakstā nav redzams neviens versijas numurs, tas ir tāpēc, ka visas šī pārlūkprogrammas versijas to atbalsta.
Viena lieta, kas jāņem vērā, ir tas, ka, kamēr visas pārlūkprogrammas atbalsta IFRAME elementu, dažiem HTML5 funkcijām joprojām ir ierobežots atbalsts.
- Pārlūka izmantošana, lai izslēgtu ritināšanu, nav uzticama. Ja jūs nevēlaties ritjoslas ierīcē iframes, jums jāturpina izmantot ritināšanas atribūtu.
- Šobrīd neviena pārlūkprogramma neatbalsta srcdoc, sandbox un bezšuvju atribūtus.
Saistīšana ar Iframes
Kad jūs piešķirat savu iframe nosaukumu vai id, jūs varat norādīt savas saites šajā rāmī ar elementu A atribūtu. Pēc tam, kad lietotājs noklikšķina uz saites, tas tiks atvērts norādītā iFrame vietā, nevis pašreizējā logā.
Izmēģiniet pats. Ierakstiet tīmekļa vietnē šādu:
Ja dokumentā, kas atvērts IFRAME, nav noteikts neviens mērķis , tad visas šīs saites tiks atvērtas tajā pašā iframe kā pamatdokuments.
Jūs varat izmantot šo funkciju, lai izveidotu saites vienā IFRAME, mainot citas IFRAME saturu tajā pašā lapā.
IFrames un drošība
IFRAME elements pats par sevi nav drošības risks jums vai jūsu lasītājiem.
Diemžēl iframs ir ieguvuši sliktu reputāciju, jo ļaunprātīgās tīmekļa vietnes tās var izmantot, lai iekļautu saturu, kas var inficēt apmeklētāja datoru, to neuztvert lapā. Tas tiek darīts, ja saites norāda uz neredzamo IFRAME un šie skripti izslēdz ļaunprātīgu kodu. Lietotājs noklikšķina uz saites un uzskata, ka saikne ir bojāta, jo nekas neizrādījās, bet skripts tika izslēgts, ja viņi to neredzēja.
Ir arī datorvīrusi, kas jūsu tīmekļa lapās injicēs neredzamu IFRAME, efektīvi padarot jūsu vietni par robottīti. Viņi to var izdarīt, izmantojot SQL injekcijas un citus uzbrukumus.
Lieta, kas jāievēro, iekļaujot IFRAME savā tīmekļa vietnē, ir tāda, ka jūsu lietotāji ir tikpat droši kā visu vietņu saturs, uz kuriem jums ir saite. Ja jums ir iemesls justies, ka vietne ir neuzticama, nepiesaistiet to nekādā veidā, un noteikti neiekļaujiet to saturu IFRAME. Tomēr saistīšana ar jūsu vietnēm, izmantojot iframe, nerada drošības risku jums vai jūsu lietotājiem.
Jennifera Krīnina oriģinālais raksts. Rediģēja 2007. gada 11. jūlijā Jeremijs Girards