Iframe

Een iframe (een afkorting van inline frame) is een HTML-element waarmee een externe webpagina in een HTML-document kan worden opgenomen. In tegenstelling tot traditionele frames, die werden gebruikt om de structuur van een webpagina te maken, kunnen iframes overal binnen de lay-out van een webpagina worden ingevoegd.

Een iframe kan met de iframe-tag in een HTML-document worden ingevoegd, zoals in het onderstaande voorbeeld:

<iframe src="http://sharpened.com/example.php" width="728" height="90"></iframe>

Met de bovenstaande code wordt de inhoud van de URL in een inline frame van 728 x 90 px binnen de webpagina ingevoegd. De iframe-bron (src) kan verwijzen naar een externe website of naar een andere pagina op dezelfde server, zoals src="/example.php". De kenmerken width en height zijn niet verplicht, maar worden vaak gebruikt om de grootte van het iframe te bepalen. Andere iframe-kenmerken, zoals marginwidth en marginheight, worden ondersteund in HTML 4 en eerder, maar in HTML5 wordt CSS gebruikt om het uiterlijk van een iframe aan te passen.

Iframes worden voor verschillende doeleinden gebruikt, zoals onlineadvertenties en multimedia. Veel advertentieplatforms gebruiken iframes om advertenties op webpagina's weer te geven, omdat ze meer flexibiliteit bieden dan een inline script. Omdat iframes een volledige webpagina kunnen bevatten, kunnen adverteerders extra trackingcode in een iframe opnemen. Die helpt ervoor te zorgen dat de rapportage voor zowel de adverteerder als de uitgever nauwkeurig is.

Iframes worden ook gebruikt om verschillende soorten media binnen een webpagina weer te geven. Zo worden YouTube-video's en Google Maps-vensters vaak met iframes in webpagina's opgenomen. Veel webapplicaties gebruiken iframes omdat ze dynamische inhoud kunnen weergeven zonder de webpagina opnieuw te laden.