HTML <iframe> etiket

DefinITION OG BRUG

<iframe> Tagget definerer en indlejret ramme (inline frame).

Indlejret ramme bruges til at indlejre en anden dokument i det aktuelle HTML-dokument.

Tip:Brug CSS til at indstille <iframe> s typer (se eksemplerne nedenfor).

Tip:Det er bedst at altid bruge <iframe> Indeholder title-attribut. Skærmlæser kan bruge denne egenskab til at læse om <iframe> Beskrivelse af indholdet.

Se også:

HTML Læringsvejledning:HTML Iframe

HTML DOM Referencemanual:IFrame-objekt

Eksempel

Eksempel 1

Indlejret ramme markering som følger:

<iframe src="https://www.codew3c.com" title="CodeW3C.com 在线教程"></iframe>

Prøv det selv

Eksempel 2

Tilføj og fjern rammen om iframe (brug 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>

Prøv det selv

Egenskab

Egenskab Værdi Beskrivelse
allow Definerer funktionsstrategien for <iframe>.
allowfullscreen
  • true
  • false
 Sæt til true, hvis <iframe> kan aktiveres i fuldskærm ved at kalde requestFullscreen() metoden.
allowpaymentrequest
  • true
  • false
 Sæt til true, hvis det er tilladt at kalde Payment Request API for tværsidetilpasninger i <iframe>.
height Pixels Definerer højden på <iframe>. Standardhøjden er 150 pixels.
loading
  • eager
  • lazy
 Definerer, om browseren skal load iframe med det samme eller forsinke loadningen, indtil visse betingelser er opfyldt.
name Tekst Definerer navnet på <iframe>.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Definerer referencerinformation, der skal sendes, når iframe hentes.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Aktiverer en række ekstra begrænsninger for indholdet i <iframe>.
src URL Definerer adressen på dokumentet, der skal indlejres i <iframe>.
srcdoc HTML-kode Definerer HTML-indholdet, der skal vises i <iframe>.
width Pixels Definerer bredden på <iframe>. Standardbredden er 300 pixels.

Global egenskab

<iframe> Etiketten understøtter også Globale attributter i HTML.

begivenhedsattributter

<iframe> Etiketten understøtter også Begivenhedsattributter i HTML.

Standard CSS-indstillinger

De fleste browsere vil bruge følgende standardværdier til visning <iframe> Element:

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

Browsertilstand

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support