¿Qué es Iframe?
Se conoce como Iframe a un marco “frame” dentro de otro marco, es decir, es un componente de los elementos HTML, con el objetivo de agregar documentos, videos u otros medios interactivos dentro de un sitio web. Esto es una ventaja para la página web, ya que se podrá mostrar una página secundaria en una página principal.
Por otro lado, su uso es bastante sencillo aunque posee detalles que se tienen que tener presente para poder tener un proceso correcto. Se puede añadir para brindarles a los usuarios un contexto sobre un tema específico.
Para entender mejor el uso del Iframe, es indicado tener algunas cosas en consideración como que lo primero en tener que usar es el código HTML, las etiquetas de “<iframe>”, en donde se tendrán todos los elementos con las especificaciones y el enlace que se quiere incrustar. Lo posterior es colocar la etiqueta de “src=”, siendo esta una abreviatura de la palabra “source”. La función de esta etiqueta es que permite establecer el origen del contenido que se agregó.
El tercer paso son las especificaciones técnicas, debido a que se debe de colocar el tamaño del marco del Iframe, esto quiere decir, el espacio que se quiere ocupar del sitio web con el contenido. Para poder culminar este paso se tienen que implementar etiquetas de ancho y largo, colocando el espacio que quiere que ocupe en píxeles dentro de comillas o colocándolo en porcentaje, se debe de agregar el símbolo dentro de las comillas: “width=” “height=”
Para darle fin al proceso, aparecerá “allowfullscreen”, permitiendo este poder visualizar los videos en modo de pantalla completa para que sea más agradable a la vista de todos los que lo vean.
Esto fue un pequeño resumen sobre los pasos que se deben de hacer para agregar un Iframe, ya que evidente que tienen más aspectos como lo es el título o el scroll dentro del marco, estos ayudan también a enriquecer el contenido del sitio web.
¿Para qué sirve Iframe?
Su función principal es permitir que se agreguen fragmentos de un contenido de otros orígenes. De la misma manera, se puede incrustar estos contenidos en cualquier parte de un sitio web, y no es necesario tener que incluirlos en la estructura principal de la página como un elemento tradicional.
Cabe destacar, que no se debe de usar el Iframe de manera excesiva porque un efecto negativo de ellos es que tener muchos podrá colocar una página web lenta y ser también un riesgo de seguridad para la misma, sobre todo en los casos de usar contenido de otros sitios que sean sospechosos. Un consejo que se da es pensar en el Iframe como una parte del contenido pero no como parte del sitio web.
Su uso ayuda al enriquecimiento de contenido dentro de una web, sirve también para ampliar el contenido con enlaces de otras páginas o propias que sean de complemento por las razones que ya se mencionaron antes. Es claro que son muy interesantes, agregando consigo que contribuye a mantener a los lectores del sitio interesados para que no se vayan y ver todo el contenido que desean en un mismo sitio.
Ejemplos de Iframe
Otorgar un ejemplo de este tema puede llegar a ser complicado para muchos porque se tratan de etiquetas que pueden no ser entendidas por muchas personas pero se dará un ejemplo tomado por un usuario externo.
<h2>Comentarios</h2>
<p>Demain dijo:</p>
<iframestyle=”border: 0; margin: 0″ srcdoc=”<p>El hecho es que nunca puedes estar "seguro" de esto…</p>” sandbox></iframe>
<p>Jhonny dijo:</p>
<iframestyle=”border: 0; margin: 0″ srcdoc=”<p>Si continúas con esa actitud inyectaré un virus en tu artículo!</p><p>Te lo advierto, soy un hacker profesional!</p>” sandbox></iframe>
Este autor agregó los comentarios como contenido del elemento srcdoc del Iframe, siendo su objetivo poder agregar una capa de seguridad al material. Colocar este atributo ayudará a evitar las características peligrosas, dando seguridad al documento de inyección de otros programas por usuarios no deseados.
Un dato que se debe de analizar en este ejemplo es el uso de las comillas dobles y símbolos (&), estos tienen ser escapados por (" y &) dentro del atributo srcdoc, y así evitar que los usuarios interpreten de forma errónea el contenido