HTML <iframe> -elementti

  • Edellinen sivu <i>
  • Seuraava sivu <img>

Määrittely ja käyttö

<iframe> Tunniste määrittää sisäänrakennetun kehyson (sisäänrakennetun kehyksen).

Sisäänrakennettu kehysohjelma käytetään toisen dokumentin sisällyttämiseen nykyiseen HTML-dokumenttiin.

Vinkki:Käytä CSS:ää asettaaksesi <iframe> tyyliä (katso alla oleva esimerkki).

Vinkki:On parasta aina käyttää <iframe> Sisältää title-ominaisuuden. Näytönlukijat voivat käyttää tätä ominaisuutta lukeakseen tietoja <iframe> Sisällön kuvaus.

Lisäksi suositellaan:

HTML-opas:HTML Iframe

HTML DOM -viittauskirja:IFrame-objekti

Esimerkki

Esimerkki 1

Sisäänrakennettu kehysohjelma merkataan seuraavasti:

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

Kokeile itse

Esimerkki 2

Lisää ja poista <iframe>:n reunaviiva (käytä 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>

Kokeile itse

Ominaisuus

Ominaisuus Arvo Kuvaus
allow Määritä <iframe>:n toiminnallinen strategia.
allowfullscreen
  • true
  • false
 Jos <iframe>:n voi aktivoida täydellisen näytön tilan kutsulla requestFullscreen(), aseta arvoksi true.
allowpaymentrequest
  • true
  • false
 Jos sallitaan kaksisuuntainen <iframe>:n Payment Request API-kutsu, aseta arvoksi true.
height Pikseli Määritä <iframe>:n korkeus. Oletuskorkeus on 150 pikseliä.
loading
  • eager
  • lazy
 Määritä, tulisiko selain ladata <iframe>:n välittömästi vai odottaa tiettyjä ehtoja.
name Teksti Määritä <iframe>:n nimi.
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 Määritä viittausinfo, joka lähetetään <iframe>:n hankkimisen yhteydessä.
sandbox
  • allow-forms
  • allow-pointer-lock
  • allow-popups
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
 Ota käyttöön joukko lisärajoituksia <iframe>:n sisällölle.
src URL Määritä dokumentin osoite, joka lisätään <iframe>:hen.
srcdoc HTML-koodi Määritä <iframe>:ssä näytettävän sivun HTML-sisältö.
width Pikseli Määritä <iframe>:n leveys. Oletusleveys on 300 pikseliä.

Globaaliset ominaisuudet

<iframe> Tunniste tukee myös HTML:n globaalit ominaisuudet。

tapahtumien ominaisuuksia

<iframe> Tunniste tukee myös HTML:n tapahtumien ominaisuudet。

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <iframe> Elementti：

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

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki
  • Edellinen sivu <i>
  • Seuraava sivu <img>