📝 Edit page
➕ Add page
IFrame
The Inline Frame element
iframe on MDN docs.
The
<iframe>
HTML element represents a nested browsing context, embedding another HTML page into the current one.
Each embedded browsing context has its own session history and document.
The browsing context that embeds the others is called the parent browsing context.
The topmost browsing context — the one with no parent — is usually the browser window, represented by the
Window
object.
Example
Map
<style>
iframe {
border: 1px solid black;
width: 100%;
}
.output {
background: #eee;
}
</style>
<iframe id="inlineFrameExample"
title="Inline Frame Example"
width="300"
height="200"
src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik">
</iframe>
Avo
With title for accessibilty.
<iframe title="Wikipedia page for Avocados" src="https://en.wikipedia.org/wiki/Avocado"></iframe>