https://webbling.se/index.php?action=history&feed=atom&title=Iframe
Iframe - Versionshistorik
2026-04-26T21:55:40Z
Versionshistorik för denna sida på wikin
MediaWiki 1.43.0
https://webbling.se/index.php?title=Iframe&diff=4561&oldid=prev
PGJ: /* Exempel */
2019-01-30T13:28:20Z
<p><span class="autocomment">Exempel</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 30 januari 2019 kl. 13.28</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l24">Rad 24:</td>
<td colspan="2" class="diff-lineno">Rad 24:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Elementets bredd i [[CSS-pixlar]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Elementets bredd i [[CSS-pixlar]].</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><codepen pen="KpRMOv" tab="html"></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><codepen pen="KpRMOv" tab="html<ins style="font-weight: bold; text-decoration: none;">,result" height="300</ins>"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><iframe src="https://exempel.webbling.se/demo3.html"></iframe></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><iframe src="https://exempel.webbling.se/demo3.html"></iframe></div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Iframe&diff=1417&oldid=prev
PGJ: /* Exempel */
2015-07-09T12:48:38Z
<p><span class="autocomment">Exempel</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 9 juli 2015 kl. 12.48</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l24">Rad 24:</td>
<td colspan="2" class="diff-lineno">Rad 24:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Elementets bredd i [[CSS-pixlar]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Elementets bredd i [[CSS-pixlar]].</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><codepen pen="KpRMOv" tab="html"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><iframe src="<del style="font-weight: bold; text-decoration: none;">http</del>://webbling.se/"></iframe></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><iframe src="<ins style="font-weight: bold; text-decoration: none;">https</ins>://<ins style="font-weight: bold; text-decoration: none;">exempel.</ins>webbling.se/<ins style="font-weight: bold; text-decoration: none;">demo3.html</ins>"></iframe></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></syntaxhighlight></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></syntaxhighlight></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></codepen></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ovanstående exempel skulle bädda in Webblings startsida i en annan sida.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Ovanstående exempel skulle bädda in Webblings startsida i en annan sida.</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referenser ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Referenser ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i [[WHATWG]]s levande HTML-standard ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== Taggens definition i [[WHATWG]]s levande HTML-standard ===</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Iframe&diff=230&oldid=prev
PGJ: /* sandbox */
2014-08-24T15:33:48Z
<p><span class="autocomment">sandbox</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 24 augusti 2014 kl. 15.33</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8">Rad 8:</td>
<td colspan="2" class="diff-lineno">Rad 8:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>sandbox</code> ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>sandbox</code> ===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Används för att sätta begränsningar på vad den inbäddade sidan kan göra. Giltiga värden är:</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Används för att sätta begränsningar på vad den inbäddade sidan kan göra. Giltiga värden är:</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>; <del style="font-weight: bold; text-decoration: none;">tom sträng </del>alla nedanstående begränsningar gäller.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>; <ins style="font-weight: bold; text-decoration: none;">tomsträng : </ins>alla nedanstående begränsningar gäller.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-same-origin</code> :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-same-origin</code> :</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-top-navigation</code> :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-top-navigation</code> :</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l14">Rad 14:</td>
<td colspan="2" class="diff-lineno">Rad 14:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-scripts</code> :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-scripts</code> :</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-pointer-lock</code> :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>; <code>allow-pointer-lock</code> :</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>seamless</code> ===</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>=== <code>seamless</code> ===</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Iframe&diff=229&oldid=prev
PGJ: 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...'
2014-08-24T15:33:18Z
<p>Skapade sidan med 'Används för att infoga en HTML-sida inuti en annan. == Tillgängliga attribut == De <a href="/index.php/Globala_attribut" title="Globala attribut">globala attributen</a> är tillgängliga för denna tagg. === <code>heig...'</p>
<p><b>Ny sida</b></p><div>Används för att infoga en HTML-sida inuti en annan.<br />
== Tillgängliga attribut ==<br />
De [[globala attribut|globala attributen]] är tillgängliga för denna tagg.<br />
=== <code>height</code> ===<br />
Elementets höjd i [[CSS-pixlar]].<br />
=== <code>name</code> ===<br />
Sätter ett namn på <code>iframe</code>-elementet, kan användas för de element som har attributet <code>target</code>.<br />
=== <code>sandbox</code> ===<br />
Används för att sätta begränsningar på vad den inbäddade sidan kan göra. Giltiga värden är:<br />
; tom sträng alla nedanstående begränsningar gäller.<br />
; <code>allow-same-origin</code> :<br />
; <code>allow-top-navigation</code> :<br />
; <code>allow-forms</code> :<br />
; <code>allow-scripts</code> :<br />
; <code>allow-pointer-lock</code> :<br />
=== <code>seamless</code> ===<br />
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.<br />
=== <code>src</code> ===<br />
Sätts till en [[URL]] med innehåll som ska inbäddas.<br />
=== <code>srcdoc</code> ===<br />
Sätts till innehåll som ska inbäddas.<br />
=== <code>width</code> ===<br />
Elementets bredd i [[CSS-pixlar]].<br />
== Exempel ==<br />
<syntaxhighlight lang="html5"><br />
<iframe src="http://webbling.se/"></iframe><br />
</syntaxhighlight><br />
Ovanstående exempel skulle bädda in Webblings startsida i en annan sida.<br />
== Referenser ==<br />
=== Taggens definition i [[WHATWG]]s levande HTML-standard ===<br />
http://www.whatwg.org/specs/web-apps/current-work/multipage/the-iframe-element.html#the-iframe-element<br />
=== Taggens definition i HTML5-standarden ===<br />
http://www.w3.org/TR/html5/embedded-content-0.html#the-iframe-element</div>
PGJ