Kaip ir kada naudoti "frame" ("Inline Frames")?

Anonim

"Inline" rėmeliai, paprastai vadinami "iframes", yra vienintelis rėmo tipas, kurį leidžiama naudoti HTML5. Šie rėmeliai iš esmės yra jūsų puslapio skiltis, kurią jūs "iškirpti". Toje vietoje, kurią išpjaustėte iš puslapio, tuomet galėsite patekti į išorinį tinklalapį. Iš esmės, iframe yra dar vienas naršyklės langas, esantis tiesiai jūsų tinklalapio viduje. Jūs seecode iframes dažniausiai naudojamas svetainėse, kuriose reikia įtraukti išorinį turinį, pvz., "Google" žemėlapį arba vaizdo įrašą iš "YouTube". Abiejuose populiariose svetainėse jų įterpimo kodą naudoja "iframes".

Kaip naudotis elementu IFRAME

Elementas naudoja HTML5 pasaulinius elementus, taip pat keletą kitų elementų. Keturi yra ir atributai HTML 4.01:

  • - rėmo šaltinio URL
  • - lango aukštis
  • - lango plotis
  • - lango pavadinimas

Trys yra nauji HTML5:

  • srcdoc- HTML rėmelio šaltinis. Šis atributas turi pirmenybę prieš bet kurį URL adresą src atributas
  • sandbox- sąrašas funkcijų, kurios turėtų būti leidžiamos ar uždraustos rėmelio lange
  • besiūliai- nurodo naudotojo agentui, kad iframe turėtų būti pateiktas kaip nematomą pagrindinio dokumento dalį

Norėdami sukurti paprastą "iframe", nustatykite šaltinio URL, pločio ir aukščio:

Atkreipkite dėmesį, kad galite pasirinkti nenaudoti piktogramų verčių jūsų "iframe" nustatymams, tačiau vietoj to gali nuspręsti naudoti procentinį dydį. Jei kuriate jautrią svetainę, kurios dydis turėtų keistis, naudojant skirtingus ekrano dydžius, šie procentai bus svarbūs.

Taip pat yra keletas atributų, galiojančių HTML 4.01, bet pasenęs HTML5. Kadangi dauguma svetainių šiandien naudoja HTML5 +, šie atributai yra tie, kurių nenorite naudoti (bet kuriuos galite matyti kai kuriuose senesniuose dokumentuose).

  • - vietoj to naudokite A elementas susieti su aprašymu
  • - vietoj to naudokite CSS plūdė nuosavybė
  • leisti skaidrumą- vietoj to naudokite CSS fonas nuosavybė, kad IFRAM būtų skaidrus
  • -Pagal naudoti sienos CSS nuosavybė
  • marginheight- vietoj to naudokite CSS marža nuosavybė
  • maržos plotis- vietoj to naudokite CSS marža nuosavybė
  • - vietoj to naudokite CSS perpildymas nuosavybė

IFRAME naršyklės palaikymas

The IFRAME elementą palaiko visos šiuolaikinės naršyklės:

  • "Android"
  • "Chrome"
  • "Firefox"
  • Internet Explorer 2+
  • "iOS" / "Safari" mobilusis telefonas
  • Netscape 7+
  • Opera 3+
  • Safari

Jei pirmiau pateiktame sąraše nėra rodomos jokios versijos numerio, tai yra todėl, kad visos šios naršyklės versijos jį palaiko.

Vienas dalykas, į kurį reikia atkreipti dėmesį, yra tai, kad visi naršyklės palaiko IFRAME elementas, kai kurioms HTML5 funkcijoms vis dar yra ribotas palaikymas.

  • Naudojimas perpildymas išjungti slinkimą nėra patikimas. Jei nenorite slinkties juostų į savo "iframes", turėtumėte ir toliau naudoti przewijanie atributas.
  • The srcdoc, sandbox, ir besiūliai atributai šiuo metu nepalaikomi jokiomis naršyklėmis.

Susiejimas su "Iframes"

Kai duosite savo "iframes" a vardas arba id tuomet tu gali nukreipti savo nuorodas to rėmo su atributu A elementas Tada, kai vartotojas spustelėja nuorodą, jis atsidarys nuorodoje nurodytoje iframe vietoj dabartinio lango.

Išbandykite patys. Įveskite toliau nurodytą informaciją į tinklalapį:

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

Tai yra mano "iframe"

Kai spustelėsite šią nuorodą, jis atidarys naują dokumentą virš lango.

Jei dokumentas atidarytas IFRAME nėra nustatytų tikslų, tada visos tos nuorodos bus atidarytos tame pačiame "iframe" kaip pagrindinis dokumentas.

Galite naudoti šią funkciją, kad nuorodos būtų vienoje IFRAME pakeisk kito turinį IFRAME tame pačiame puslapyje.

IFrames ir saugumas

The IFRAME elementas savaime nėra saugumo rizika jums ar jūsų skaitytojams. Deja, iframai gavo blogą reputaciją, nes jie gali būti naudojami kenkėjiškose svetainėse, įtraukiant turinį, kuris gali užkrėsti lankytojo kompiuterį, be to, jis nemato jo puslapyje. Tai daroma turint nuorodas į nematomą IFRAME ir šie scenarijai užskaityti kenksmingą kodą. Vartotojas spustelėja nuorodą ir mano, kad nuoroda yra sugadinta, nes nieko nepadarė, tačiau scenarijus buvo nustatytas ten, kur jo nematė.

Taip pat yra kompiuterių virusų, kurie injekuoja nematomą IFRAME į savo tinklalapius, veiksmingai paversdamas savo svetainę botnetu. Jie gali tai padaryti naudojant SQL injekcijos ir kitų atakų.

Tai, ko reikia prisiminti, kai įtraukiama IFRAME jūsų tinklalapyje yra tai, kad jūsų vartotojai yra tik saugūs, kaip ir visų svetainių, į kurias nukreipiate, turinį. Jei turite pagrindo manyti, kad svetainė yra nepatikima, nedarykite jokios nuorodos į ją, be to, neapima jos turinio IFRAME. Tačiau susiejimas su savo puslapiais per "frame" neretai kelia pavojų jums ar jūsų naudotojams.

Originalus straipsnis Jennifer Krynin. Redagavo 11/7/16 Jeremy Girard

Redaktoriaus Pasirinkimas