Ejemplo
Un marco en línea está marcado de la siguiente manera:
<iframe src="http://www.w3ii.com"></iframe>
Inténtalo tú mismo " Definición y Uso
La <iframe> etiqueta especifica un marco en línea.
Un marco en línea se utiliza para insertar otro documento dentro del documento HTML actual.
Soporte para el navegador
| Elemento | |||||
|---|---|---|---|---|---|
| <iframe> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: Para hacer frente a los navegadores que no soportan <iframe> , agregue un texto entre la abertura <iframe> etiqueta y el cierre </iframe> etiqueta.
Consejo: Usar CSS para estilizar el <iframe> (incluso para incluir barras de desplazamiento).
Diferencias entre HTML 4.01 y HTML5
HTML5 ha añadido algunos nuevos atributos, y varios atributos HTML 4.01 se eliminan de HTML5.
Diferencias entre HTML y XHTML
En XHTML, el name atributo está en desuso, y se eliminará. Utilice el atributo id mundial en su lugar.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| align | left right top middle bottom | No se admite en HTML5. Especifica la alineación de un <iframe> de acuerdo a los elementos que rodean |
| frameborder | 1 0 | No se admite en HTML5. Especifica si se muestra o no un borde alrededor de un <iframe> |
| height | pixels | Especifica la altura de un <iframe> |
| longdesc | URL | No se admite en HTML5. Especifica una página que contiene una larga descripción del contenido de un <iframe> |
| marginheight | pixels | No se admite en HTML5. Especifica los márgenes superior e inferior del contenido de un <iframe> |
| marginwidth | pixels | No se admite en HTML5. Especifica los márgenes izquierdo y derecho del contenido de un <iframe> |
| name | text | Especifica el nombre de un <iframe> |
| sandbox | allow-forms allow-pointer-lock allow-popups allow-same-origin allow-scripts allow-top-navigation | Permite a un juego extra de las restricciones para el contenido en un <iframe> |
| scrolling | yes no auto | No se admite en HTML5. Especifica si se muestra o no barras de desplazamiento en un <iframe> |
| src | URL | Especifica la dirección del documento para incrustar en el <iframe> |
| srcdoc | HTML_code | Especifica el contenido HTML de la página para mostrar en el <iframe> |
| width | pixels | Especifica el ancho de un <iframe> |
Los atributos globales
La <iframe> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <iframe> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Tutorial de HTML: HTML Iframes
Referencia HTML DOM: objeto de iframe
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <iframe> elemento con los siguientes valores predeterminados:
iframe:focus {
outline: none;
}
iframe[seamless] {
display: block;
}