Elementos HTML: Inserción de iframes

Foro para webmasters: Navegadores web, buscadores, aplicaciones de escritorio y recursos varios...
gbeltran
Mensajes: 192
Registrado: 13 May 2023, 01:15
Ubicación: Valencia - España
Contactar:

Elementos HTML: Inserción de iframes

Mensaje por gbeltran »

tags | etiquetas: iframe, inline frame, marcos html, html, elementos inline, elementos html

Aunque sea un elemento en teoría 'obsoleto', el iframe se sigue utilizando bastante. Es un elemento HTML en línea (inline Frame) fácil de utilizar y bastante práctico. Literalmente podríasmos decir que es un marco o ventana en línea o embebido, una página web embebida o 'incrustada' dentro de una página web.

Por contra, no es muy recomendable su utilización a efectos de posicionamiento web, de SEO, pudiendo incluso 'penalizarnos' los motores de búsqueda y ranking su uso y/o abuso. Su estructura básica es:

Código: Seleccionar todo

[b]<iframe src="unapaginaweb.com"></iframe>[/b]
Podemos utilizar varios atributos para darle mayor versatilidad y personalización

Dejo un enlace del soporte de Mozilla explicando qué es y como se utilizan los iframes: https://developer.mozilla.org/es/docs/W ... ent/iframe

Este es el código de ejemplo de inserción de un iframe:

Código: Seleccionar todo

<iframe id="inlineFrameExample"
    title="Inline Frame Example"
    width="800"
    height="400"
    src="https://www.openstreetmap.org/export/embed.html? 
    bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>
Y si le añadimos estilos:

Código: Seleccionar todo

<iframe id="inlineFrameExample"
    style="style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"
    title="Inline Frame Example"
    width="800"
    height="400"
    src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>
Para más información sobre os iframes, puedes visitar estos artículos:

- ¿Qué es el iframe de HTML?: https://www.ionos.es/digitalguide/pagin ... eb/iframe/
- Cómo poner una web dentro de otra con iframe: https://marceloglez.com/blog/como-poner ... on-iframe/
- Etiqueta Iframe: https://desarrolloweb.com/articulos/eti ... frame.html

Pondré más enlaces a artículos sobre iframes...

NOTA: En phpBB no funcionan por defecto los iframes, ya que no está habilitado por defecto el uso de HTML en los mensajes por motivos de seguridad
Responder