iframe-taggen
Taggen iframe lar deg bygge inn innholdet fra en nettside i en annen. Den brukes til å vise innhold, som video, bilder eller artikler, uten å måtte åpne et nytt vindu eller fane.
Innholdet på den innbyggede nettsiden vil ha
designet nettopp til den nettsiden. Samtidig vil CSS-stilene
på vår nettside, samt vår JavaScript-kode
ikke påvirke innholdet i taggen iframe.
Man kan bruke vår JavaScript på innholdet i iframe, men da må man bruke
spesielle metoder.
Taggen iframe brukes mye på nettsider for å bygge inn video fra YouTube og andre plattformer, samt for å vise artikler og bilder fra andre kilder.
Attributter
| Attributt | Beskrivelse |
|---|---|
src |
Angir adressen til siden som skal bygges inn. |
srcdoc |
Lar deg sette innholdet i iframe-en direkte i attributtet. |
frameborder |
Setter en ramme rundt iframe-en.
Verdien yes setter ramme (standard),
og verdien no fjerner rammen.
|
scrolling |
Setter rullefelt inne i iframe-en.
Verdien auto - rulling ved behov (standard),
verdien yes - alltid rullefelt,
verdien no - ingen rullefelt.
|
Eksempel
La oss sette inn en iframe med en annen nettside (for eksempel ) på vår nettside:
html<iframe src="/" width="600" height="400"></iframe>
Результат:
Eksempel
La oss sette inn en video fra YouTube på vår nettside:
html<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
Результат:
Eksempel
La oss skrive innholdet direkte i iframe-en:
html<iframe
srcdoc="<h1>overskrift</h1><p>tekst</p>"
width="300"
height="200">
</iframe>
Результат: