Neueste Web-Entwicklung Tutorials

HTML IFrames


Ein iframe wird verwendet innerhalb einer Webseite eine Web-Seite angezeigt werden soll.


Rahmen Beschreibung

Frames ermöglichen eine visuelle HTML-Browser-Fenster in Segmente aufgeteilt werden, von denen jede ein anderes Dokument anzeigen kann. Dies kann die Bandbreitennutzung senken, als sich wiederholende Teile eines Layout kann in einem Rahmen verwendet werden, während in einem anderen Variableninhalt angezeigt wird.

Dies kann zu einer bestimmten Benutzerfreundlichkeit Kosten kommt, vor allem in nicht-visuellen Benutzern, durch getrennte und unabhängige Dokumente (oder Websites), die zueinander angezeigt benachbarte und mit den gleichen übergeordneten Fenstern zu interagieren darf.

Wegen dieser Kosten, Rahmen (mit Ausnahme des iframe-Elements) sind nur in HTML 4.01 Rahmen-Set erlaubt.

Iframes können auch Dokumente auf verschiedenen Servern halten. In diesem Fall wird die Wechselwirkung zwischen den Fenstern wird vom Browser blockiert.


iframe Syntax

Die Syntax für eine iframe Zugabe ist:

<iframe src=" URL "></iframe>

Das src - Attribut gibt die URL (web address) der iframe - Seite.


Iframe - Set Höhe und Breite

Verwenden , um die Höhe und Breite Attribute die Größe angeben.

Die Attributwerte werden in Pixel standardmäßig festgelegt, aber sie können auch in Prozent (like "80%") .

Beispiel

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
Versuch es selber "

Iframe - Entfernen Sie die Border

Standardmäßig hat ein iframe einen schwarzen Rand um ihn herum.

Um die Grenze zu entfernen, fügen Sie den style - Attribut und verwenden Sie die CSS - Eigenschaft border:

Beispiel

<iframe src="demo_iframe.htm" style="border:none"></iframe>
Versuch es selber "

Mit CSS können Sie auch die Größe, Stil und Farbe des Rands des iframe:

Beispiel

<iframe src="demo_iframe.htm" style="border:5px dotted red"></iframe>
Versuch es selber "

Verwenden Sie iframe als Ziel für einen Link

Ein iframe kann als Zielrahmen für eine Verbindung verwendet werden.

Das target des Hyperlink muss auf das verweisen name - Attribut des iframe:

Beispiel

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3ii.com" target="iframe_a">w3ii.com</a></p>
Versuch es selber "

HTML iframe-Tag

Etikett Beschreibung
<iframe> Definiert einen Inline-Frame

Testen Sie sich mit Übungen!

Übung 1 » Übung 2» Übung 3 » Übung 4»