HTML <iframe> etikett

  • Föregående sida <i>
  • Nästa sida <img>

Definition och användning

<iframe> Taggen definierar en inlinjelänk (inbyggd länk).

Inlinjelänk används för att infoga en annan dokument i det aktuella HTML-dokumentet.

Tips:Använd CSS för att ställa in <iframe> stilen (se exempel nedan).

Tips:Det är alltid bättre att <iframe> Innehåller title-egenskapen. Skärmläsare kan använda denna egenskap för att läsa om <iframe> Beskrivning av innehållet.

Se också:

HTML-lärbok:HTML Iframe

HTML DOM-referenshandbok:IFrame-objekt

Exempel

Exempel 1

Inlinjelänktaggen ser ut så här:

<iframe src="https://www.codew3c.com" title="CodeW3C.com på nätet"></iframe>

Prova själv

Exempel 2

Lägg till och ta bort ramen runt iframe (använd CSS):

<iframe src="/index.asp" width="100%" height="300" style="border:1px solid black;">
</iframe>
<iframe src="/index.asp" width="100%" height="300" style="border:none;">
</iframe>

Prova själv

Egenskap

Egenskap Värde Beskrivning
allow Bestäm funktionsstrategin för <iframe>-en.
allowfullscreen
  • true
  • false
 Om <iframe>-en kan aktivera fullskärmsläge genom att anropa requestFullscreen() metoden, sätt till true.
allowpaymentrequest
  • true
  • false
 Om det är tillåtet att anropa Payment Request API för korsdomän <iframe>-en, sätt till true.
height Pixlar Bestäm höjden på <iframe>-en. Standardhöjden är 150 pixlar.
loading
  • eager
  • lazy
 Bestäm om webbläsaren ska ladda iframe omedelbart eller fördröja laddningen tills vissa villkor är uppfyllda.
name Text Bestäm namnet på <iframe>-en.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Bestäm referensinformation som ska skickas när iframe hämtas.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Aktivera en rad extra begränsningar för innehållet i <iframe>-en.
src URL Bestäm adressen till dokumentet som ska inbäddas i <iframe>-en.
srcdoc HTML-kod Bestäm HTML-innehållet som ska visas i <iframe>-en.
width Pixlar Bestäm <iframe>-bredden. Standardbredden är 300 pixlar.

Global egenskaper

<iframe> Etiketterna stöder också Globala attribut i HTML.

evenementattribut

<iframe> Etiketterna stöder också Evenementattribut i HTML.

Standard CSS-inställningar

De flesta webbläsare kommer att använda följande standardvärden för att visa <iframe> Element:

iframe:focus {
  outline: none;
}
iframe[seamless] {
  display: block;
}

Webbläsarstöd

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd
  • Föregående sida <i>
  • Nästa sida <img>