Kā un kad lietot Iframes (Inline Frames)

Anonim

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 seecode iframes bieži izmanto 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 jebkura vietrāža URL src atribūts
  • sandbox- to funkciju saraksts, kuras ir jāatļauj vai aizliegtas rāmja logā
  • bezšuvju-Atzīmē lietotāja aģentu, ka iframe ir jādod, tāpat kā tā ir neredzama vecāka 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 elements, lai izveidotu saiti uz aprakstu
  • - tā vietā izmantojiet CSS peldēt īpašums
  • pieļauj caurspīdīgumu- tā vietā izmantojiet CSS fons īpašums, lai IFRAM būtu caurspīdīgs
  • -Tāpēc izmantojiet robeža CSS īpašums
  • marginheight- tā vietā izmantojiet CSS rezervi īpašums
  • maržas platums- tā vietā izmantojiet CSS rezervi īpašums
  • - tā vietā izmantojiet CSS pārplūde īpašums

IFRAME pārlūkprogrammas atbalsts

The 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āpatur prātā, ir tā, ka visas pārlūkprogrammas atbalsta IFRAME elementā joprojām ir ierobežots atbalsts dažām HTML5 funkcijām.

  • Izmantojot pārplūde lai izslēgtu ritināšanu, nav ticama. Ja jūs nevēlaties ritjoslas ierīcēs iframes, jums vajadzētu turpināt izmantot ritinot atribūts
  • The srcdoc, sandbox, un bezšuvju Šajā brīdī neviens no pārlūkprogrammām neatbalsta atribūtus.

Saistīšana ar Iframes

Kad jūs piešķirat savu iframe a vārds vai id tad jūs varat norādīt savas saites šajā rāmī ar atribūtu uz A elements 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:

id = "myIframe" src = "http://webdesign.about.com/#lp-main" height = "200px" width = "500px">

Šis ir mans iframe

Noklikšķinot uz šīs saites, tas atver jaunu dokumentu augšējā loga augšdaļā.

Ja dokuments atveras IFRAME nav noteikts mērķs, tad visas šīs saites tiks atvērtas tajā pašā iframe kā mātes dokumentā.

Jūs varat izmantot šo funkciju, lai izveidotu saites vienā IFRAME mainīt cita satura saturu IFRAME tajā pašā lapā.

IFrames un drošība

The IFRAME pats par sevi elements 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ā. To dara, sazinoties ar 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 injicēs neredzamu IFRAME jūsu tīmekļa lapās, efektīvi pārvēršot jūsu vietni robottīklī. Viņi to var izdarīt, izmantojot SQL injekcijas un citus uzbrukumus.

Lieta, kas jāatceras, iekļaujot IFRAME jūsu tīmekļa lapā ir tas, ka jūsu lietotāji ir tikpat droši kā visu vietņu saturs, uz kuriem jūs sazināties. Ja jums ir iemesls justies, ka vietne ir neuzticama, nepiesaistiet to nekādā veidā, un visvairāk noteikti neiekļaujiet tās 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

Redaktora Izvēle