La etiqueta iframe es una de las etiquetas HTML más antiguas presentes en HTML . La etiqueta HTML iframe se usa para incrustar otro documento HTML dentro del actual. Usamos iframe principalmente para mostrar anuncios en nuestra página web. Por lo general, su proveedor de anuncios le proporcionará el código del bloque de anuncios junto con la etiqueta <iframe>. Este artículo se centrará en cómo se pueden usar en una página web.
Los iframes se ejecutan en paralelo a la página web, por lo que reduce el tiempo de carga de la página. Pero también hay algunas limitaciones de esta etiqueta, una de ellas es que cada etiqueta iframe es una solicitud independiente para un solo bloque de anuncios. No admite requests de bloques de anuncios múltiples. Para varios bloques de anuncios en la misma página web, tenemos que implementar una etiqueta iframe para cada bloque de anuncios.
Acercarse:
- Agregaremos una etiqueta iframe dentro del cuerpo del HTML
- Inserte la URL del anuncio en el atributo src. Esta URL la proporcionará el proveedor de anuncios.
- Ajuste la altura y el ancho de su anuncio utilizando el atributo alto y ancho.
Sintaxis:
<!-- Insert your ad url in src attribute
and set height and width of your ad" -->
<iframe src="https://youradurl.com"
height="700px"
width="500px">
</iframe>
Estos son los atributos comunes que usaremos en la etiqueta iframe:
- src: Se utiliza para establecer la dirección del anuncio.
- srcdoc: Se utiliza para establecer el contenido HTML de la página.
- altura: se utiliza para establecer la altura del iframe en píxeles.
- ancho: se utiliza para establecer el ancho del iframe en píxeles.
- nombre: se usa para establecer el nombre del iframe para que podamos usarlo en JavaScript.
- allow: se utiliza para establecer la política de funciones para el iframe.
- sandbox: Se utiliza para establecer las restricciones del iframe.
Ejemplo: en este ejemplo, la fuente del iframe se establece en algún sitio web para demostrar la carga de contenido en un iframe.
HTML
<!DOCTYPE html> <html> <body> <p> Welcome to GFG</p> <p>Below is a iframe tag</p> <!-- Added iframe tag with its attributes --> <iframe src="https://practice.geeksforgeeks.org/events/" height="300px" width="500px"> </iframe> </body> </html>
Producción:
Nota: algunos sitios web como Google, Youtube y muchos más no le permiten mostrar sus páginas en iframes. Bloquean iframes para mostrar su sitio web. Solo podemos usar un iframe en ese sitio web que no esté protegido del iframe.
Publicación traducida automáticamente
Artículo escrito por iamabhijha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA