Com i quan s'utilitzen els marcs infrarojos (marcs en línia)

Anonim

Els marcs en línia, normalment denominats "iframes", són l'únic tipus de marc permès en HTML5. Aquests marcs són bàsicament una secció de la vostra pàgina que "retalla". En l'espai que heu tret de la pàgina, podeu alimentar-lo en una pàgina web externa. En essència, un iframe és una altra finestra del navegador establerta dins de la vostra pàgina web. Vostè segrega els iframes que s'utilitzen habitualment en llocs web que necessiten incloure contingut extern com un mapa de Google o un vídeo de YouTube. Tots dos llocs web populars usen iframes en el seu codi d'inserció.

Com s'utilitza l'element IFRAME

L'element utilitza elements globals HTML5, així com diversos altres elements. Quatre també són atributs en HTML 4.01:

  • -La URL de la font del marc
  • -La altura de la finestra
  • -La amplada de la finestra
  • -El nom de la finestra

I tres són nous en HTML5:

  • srcdoc-L' HTML per a la font del marc. Aquest atribut té prioritat sobre qualsevol URL del src atribut
  • caixa de sorra-Una llista de funcions que s'han de permetre o no s'han de permetre a la finestra del marc
  • sense costures-Tribueix a l'agent d'usuari que l'iframe s'hauria de representar com si fos una part invisible del document primari

Per crear un iframe senzill, configureu l'URL origen i l'amplada i alçada:

Tingueu en compte que podeu triar no utilitzar valors de píxels per a la configuració del vostre iframe, però en canvi poden optar per un percentatge. Si esteu construint un lloc web sensible que hauria de canviar el tamany amb diferents mides de pantalla, aquests percentatges seran importants.

També hi ha alguns atributs que són vàlids en HTML 4.01 però obsolets en HTML5. Com que la majoria dels llocs web actuals utilitzen HTML5 +, aquests atributs són els que no voleu utilitzar (però que podeu veure en alguns documents heretats).

  • -Senyeu, useu un A element per enllaçar a una descripció
  • -Si, utilitzeu CSS surar propietat
  • permetre la transparència-Si, utilitzeu CSS fons propietat per fer que l'ifram sigui transparent
  • - useu el frontera Propietat CSS
  • marge de pes-Si, utilitzeu CSS marge propietat
  • ample de marge-Si, utilitzeu CSS marge propietat
  • -Si, utilitzeu CSS desbordament propietat

Compatibilitat amb el navegador IFRAME

El IFRAME L'element és compatible amb tots els navegadors moderns:

  • Android
  • Chrome
  • Firefox
  • Internet Explorer 2+
  • iOS / Safari mòbil
  • Netscape 7+
  • Òpera 3+
  • Safari

Si no es mostra cap número de versió a la llista anterior, és a dir que totes les versions d'aquest navegador ho admeten.

Una cosa a tenir en compte és que mentre tots els navegadors admeten la IFRAME element, encara hi ha un suport limitat per a algunes de les característiques HTML5.

  • Utilitzant desbordament desactivar el desplaçament no és fiable. Si no voleu barres de desplaçament als vostres iframes, haureu de seguir utilitzant el desplaçament atribut
  • El srcdoc, caixa de sorra, i sense costures Els atributs no són compatibles per cap navegador en aquest moment.

Enllaç amb Iframes

Quan doneu un iframe a nom o id llavors podeu assenyalar els vostres enllaços en aquest marc amb l'atribut a la finestra A element. Després, quan un usuari fa clic a l'enllaç, s'obrirà dins de l'iframe referit en comptes de la finestra actual.

Proveu-ho tu mateix Escriviu el següent en una pàgina web:

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

Aquest és el meu iframe

Quan feu clic a aquest enllaç obrirà un nou document a la finestra de dalt.

Si el document s'ha obert al document IFRAME no té cap objectiu establert, tots aquests enllaços s'obriran en el mateix iframe que el document principal.

Podeu utilitzar aquesta funció per fer enllaços en una IFRAME canvieu el contingut d'un altre IFRAME a la mateixa pàgina.

IFrames i seguretat

El IFRAME L'element, per si mateix, no és un risc de seguretat per a vostè o els vostres lectors. Malauradament, iframes han tingut una mala reputació perquè poden ser utilitzats per llocs web maliciosos per incloure contingut que pugui infectar l'ordinador d'un visitant sense que ho vegin a la pàgina. Això es fa tenint enllaços al punt invisible IFRAME i aquestes seqüències d'ordres desencadenen codi maliciós. L'usuari fa clic a l'enllaç i pensa que l'enllaç està trencat perquè no semblava haver-hi res, però es va desactivar un script on no podien veure-ho.

També hi ha virus informàtics que injectaran un invisible IFRAME a les vostres pàgines web, convertint el vostre lloc web en una botnet. Poden fer-ho mitjançant la injecció de SQL i altres atacs.

El que cal recordar quan s'inclou una IFRAME A la vostra pàgina web, els vostres usuaris només són tan segurs com el contingut de tots els llocs als quals us vinculi. Si teniu raó per sentir que un lloc no és de confiança, no l'enllaceu de cap manera i definitivament no inclou els seus continguts en un IFRAME. No obstant això, si enllaceu-vos a les vostres pròpies pàgines dins dels iframes, no suposa cap risc de seguretat per a vostè o per als vostres usuaris.

Article original de Jennifer Krynin. Editat el 11/7/16 per Jeremy Girard

L'Elecció De L'Editor