HTML Iframes

---

Un elemento iframe se usa para mostrar una página web dentro de una página web.

---

Sintáxis

La etiqueta HTML <iframe> especifica un frame en línea.

Un frame en línea se utiliza para incrustar otro documento dentro del documento actual HTML.

Ejemplo:

 <iframe src="url" title="descripcion"></iframe>

Tip: es una buena práctica siempre incluir el atributo title para el elemento <iframe>. Los lectores de pantalla lo utilizan para leer cuál es el contenido del iframe.

---

Alto y ancho

Usa los atributos height y width para especificar el tamaño del iframe.

Por defecto, el alto y el ancho se especifica en pixeles:

Ejemplo:

---

Quitar los bordes

Por defecto, un iframe tiene un borde a su alrededor.

Para quitar el borde, utiliza la propiedad CSS border.

Ejemplo:

iframe {
  border: none;
}

---

Apuntar a un enlace

Un iframe se puede utilizar como marco de destino para un enlace.

El atributo target del enlace debe hacer referencia al atributo name del iframe:

Ejemplo:

---

Resumen

• La etiqueta HTML <iframe> especifica un iframe en línea

• El atributo src define la URL de la página incrustada

• Siempre incluya el atributo title en el elemento iframe

• Los atributos height y width especifican el tamaño del iframe

• Usa la propiedad CSS border: none; para eliminar el borde de un iframe

---

Traducido con 💚 desde W3Schools.com