Iframe: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) (Skapade sidan med 'Används för att infoga en HTML-sida inuti en annan. == Tillgängliga attribut == De globala attributen är tillgängliga för denna tagg. === <code>heig...') |
PGJ (diskussion | bidrag) |
||
| (2 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 8: | Rad 8: | ||
=== <code>sandbox</code> === | === <code>sandbox</code> === | ||
Används för att sätta begränsningar på vad den inbäddade sidan kan göra. Giltiga värden är: | Används för att sätta begränsningar på vad den inbäddade sidan kan göra. Giltiga värden är: | ||
; | ; tomsträng : alla nedanstående begränsningar gäller. | ||
; <code>allow-same-origin</code> : | ; <code>allow-same-origin</code> : | ||
; <code>allow-top-navigation</code> : | ; <code>allow-top-navigation</code> : | ||
| Rad 14: | Rad 14: | ||
; <code>allow-scripts</code> : | ; <code>allow-scripts</code> : | ||
; <code>allow-pointer-lock</code> : | ; <code>allow-pointer-lock</code> : | ||
=== <code>seamless</code> === | === <code>seamless</code> === | ||
Sätts för att webbläsaren ska återge det inbäddade dokumentet så att det ser ut som det är en del av dokumentet som det är inbäddat i. | Sätts för att webbläsaren ska återge det inbäddade dokumentet så att det ser ut som det är en del av dokumentet som det är inbäddat i. | ||
| Rad 23: | Rad 24: | ||
Elementets bredd i [[CSS-pixlar]]. | Elementets bredd i [[CSS-pixlar]]. | ||
== Exempel == | == Exempel == | ||
<codepen pen="KpRMOv" tab="html,result" height="300"> | |||
<syntaxhighlight lang="html5"> | <syntaxhighlight lang="html5"> | ||
<iframe src=" | <iframe src="https://exempel.webbling.se/demo3.html"></iframe> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
</codepen> | |||
Ovanstående exempel skulle bädda in Webblings startsida i en annan sida. | Ovanstående exempel skulle bädda in Webblings startsida i en annan sida. | ||
== Referenser == | == Referenser == | ||
=== Taggens definition i [[WHATWG]]s levande HTML-standard === | === Taggens definition i [[WHATWG]]s levande HTML-standard === | ||
Nuvarande version från 30 januari 2019 kl. 15.28
Används för att infoga en HTML-sida inuti en annan.
Tillgängliga attribut
De globala attributen är tillgängliga för denna tagg.
height
Elementets höjd i CSS-pixlar.
name
Sätter ett namn på iframe-elementet, kan användas för de element som har attributet target.
sandbox
Används för att sätta begränsningar på vad den inbäddade sidan kan göra. Giltiga värden är:
- tomsträng
- alla nedanstående begränsningar gäller.
allow-same-originallow-top-navigationallow-formsallow-scriptsallow-pointer-lock
seamless
Sätts för att webbläsaren ska återge det inbäddade dokumentet så att det ser ut som det är en del av dokumentet som det är inbäddat i.
src
Sätts till en URL med innehåll som ska inbäddas.
srcdoc
Sätts till innehåll som ska inbäddas.
width
Elementets bredd i CSS-pixlar.
Exempel
Ovanstående exempel skulle bädda in Webblings startsida i en annan sida.
Referenser
Taggens definition i WHATWGs levande HTML-standard
Taggens definition i HTML5-standarden
http://www.w3.org/TR/html5/embedded-content-0.html#the-iframe-element