Os marcos en liña permítenlle incluír contido de fontes externas nas túas páxinas
Os marcos en liña, comúnmente chamados "iframes", son o único tipo de marco permitido en HTML5. Estes marcos son esencialmente unha sección da túa páxina que "cortes". No espazo que cortaches da páxina, podes alimentar nunha páxina web externa. En esencia, un iframe é outra fiestra de navegador situada dentro da súa páxina web. Verá iframes que se usan habitualmente en sitios web que precisan incluír contido externo como un mapa de Google ou un vídeo de YouTube.
Os dous sitios populares usan iframes no seu código incorporado.
Como usar o elemento IFRAME
O elemento usa os elementos globais de HTML5 e outros elementos. Catro tamén son atributos en HTML 4.01:
- -a URL da fonte do cadro
- -a altura da xanela
- O ancho da xanela
- - o nome da xanela
E tres son novos en HTML5:
- srcdoc: o HTML para a fonte do cadro. Este atributo ten prioridade sobre calquera URL no atributo src
- caixa de area: unha lista de funcións que deben ser permitidas ou non permitidas na xanela de marco
- sen costura: indica ao axente de usuário que o iframe debería ser procesado coma se fose parte invisible do documento principal
Para crear un iframe sinxelo, configure o URL fonte eo ancho e alto:
Teña en conta que pode optar por non empregar valores de píxeles para a configuración do seu iframe, pero pode optar por usar unha porcentaxe.
Se está construíndo un sitio web sensible cuxa talla debe cambiar con diferentes tamaños de pantalla, estas porcentaxes serán importantes.
Hai tamén algúns atributos que son válidos en HTML 4.01 pero obsoletos en HTML5. Xa que a maioría dos sitios web están utilizando HTML5 +, estes atributos son os que non quererá usar (pero que pode ver nalgúns documentos legados).
- -Por exemplo, use un elemento A para ligar a unha descrición
- -polo contrario, use a propiedade de flutuación CSS
- Permitir a transparencia - en cambio, use a propiedade de fondo de CSS para facer que o ifram sexa transparente
- -Por favor, use a propiedade CSS do borde
- marginheight- instead, use a propiedade da marxe CSS
- O alcance de marxe, por exemplo, usa a propiedade da marxe CSS
- -polo contrario, use a propiedade de desbordamento CSS
IFRAME Soporte para o navegador
O navegador IFRAME admite todos os navegadores modernos:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari Mobile
- Netscape 7+
- Opera 3+
- Safari
Se non se mostra ningún número de versión na lista anterior, isto é porque todas as versións dese navegador o apoian.
Unha cousa a ter en conta é que mentres todos os navegadores soportan o elemento IFRAME, aínda hai un soporte limitado para algunhas das características de HTML5.
- O uso de desbordamento para desactivar o desprazamento non é fiable. Se non desexa barras de desprazamento nos seus iframes, debería seguir utilizando o atributo de desprazamento.
- Os navegadores srcdoc, sandbox e atributos sen costuras non son compatibles neste momento.
Ligando con Iframes
Cando lle dá aos seus iframes un nome ou un identificador, pode entón apuntar as súas ligazóns nese marco co atributo no elemento A. Entón, cando un usuario fai clic na ligazón, abrirase dentro do iframe referido en vez de a fiestra actual.
Proba vostede mesmo. Escriba o seguinte nunha páxina web:
Se o documento aberto na IFRAME non ten ningún obxectivo definido, todas as ligazóns abriranse no mesmo iframe que o documento principal.
Podes usar esta función para facer que as ligazóns nun IFRAME cambien o contido doutro IFRAME na mesma páxina.
IFrames e seguridade
O elemento IFRAME, por si só, non é un risco de seguridade para ti nin para os teus lectores.
Desafortunadamente, iframes teñen unha mala reputación porque poden ser utilizados por sitios maliciosos para incluír contido que pode infectar a computadora dun visitante sen que o vexa na páxina. Isto faise grazas a que os enlaces apuntan ao IFRAME invisible e estes scripts desactivan o código malicioso. O usuario fai clic na ligazón e pensa que a ligazón está rota porque non parecía ocorrer nada, pero un script foi desactivado onde non podían velo.
Tamén hai virus informáticos que inxectarán un IFRAME invisible nas súas páxinas web, convertendo o seu sitio web nunha botnet. Poden facelo a través da inxección de SQL e outros ataques.
O que hai que lembrar cando se inclúe un IFRAME na súa páxina web é que os seus usuarios só son tan seguros como o contido de todos os sitios aos que se vincula. Se ten algún motivo para sentir que un sitio non é de confianza, non o vincule de ningún xeito e definitivamente non inclúe os seus contidos nun IFRAME. Conectar as túas propias páxinas dentro de iframes, non obstante, non supón un risco de seguridade para ti nin para os teus usuarios.
Artigo orixinal de Jennifer Krynin. Editado o 07/11/16 por Jeremy Girard