Hoe en wanneer Iframes (inline frames) te gebruiken

Inline frames, meestal gewoon genoemd iframes, zijn het enige type frame dat is toegestaan ​​in HTML5. Deze frames zijn in wezen een gedeelte van uw pagina dat u 'uitknipt'. In de ruimte die u uit de pagina hebt geknipt, kunt u vervolgens een externe webpagina invoeren.

In wezen is een iframe een ander browservenster dat op uw webpagina is ingesteld. U ziet code-iframes die vaak worden gebruikt op websites die externe inhoud moeten bevatten, zoals een Google-kaart of een video van YouTube. Beide populaire websites gebruiken iframes in hun insluitcode.

Hoe het IFRAME-element te gebruiken

Browservenster
filo / Getty Images

Het element gebruikt de algemene HTML5-elementen en verschillende andere elementen. Vier zijn ook attributen in HTML 4.01:

  • de URL voor de bron van het frame,
  • de hoogte van het raam,
  • de breedte van het venster, en
  • de naam van het venster.

Drie zijn nieuw in HTML5:

  • Srcdoc: De HTML voor de bron van het frame. Dit kenmerk heeft voorrang op elke URL in de in src attribuut.
  • Zandbak: Een lijst met functies die wel of niet moeten worden toegestaan ​​in het framevenster.
  • instagram viewer
  • Naadloos: vertelt de user-agent dat het iframe moet worden weergegeven alsof het onzichtbaar deel uitmaakt van het bovenliggende document.

Om een ​​eenvoudig iframe te bouwen, stelt u de bron-URL en de breedte en hoogte in pixels in:


Gebruik een percentage in plaats van een vastgestelde grootte in pixels voor een responsieve website waarvan de grootte moet veranderen met verschillende schermformaten.

Ondersteuning voor Iframe-browser

De iframe element wordt ondersteund door alle moderne desktop- en mobiele browsers. Sommige browsers reageren echter nog niet consistent op de drie nieuwe HTML5-attributen voor dit element.

Iframes en beveiliging

De iframe element is op zichzelf geen veiligheidsrisico voor u of uw sitebezoekers. Iframes hebben een slechte reputatie gekregen omdat ze door kwaadwillende websites kunnen worden gebruikt om inhoud op te nemen die die van een bezoeker kan infecteren computer zonder dat ze het op de pagina zien, door links op te nemen die naar het onzichtbare iframe verwijzen, en die scripts zetten kwaadwillige code.

Sommige computervirussen injecteren een onzichtbaar iframe in uw webpagina's, waardoor uw website in feite in een botnet verandert.

De bezoekers van uw site zijn slechts zo veilig als de inhoud van alle sites waarnaar u linkt. Als u reden hebt om aan te nemen dat een site onbetrouwbaar is, mag u er op geen enkele manier naar linken.

instagram story viewer