HTML-Iframe wird verwendet, um eine verschachtelte Webseite (eine Webseite innerhalb einer Webseite) anzuzeigen. Der HTML
Ein HTML-Iframe bettet ein anderes Dokument innerhalb des aktuellen HTML-Dokuments im rechteckigen Bereich ein.
Der Webseiteninhalt und der Iframe-Inhalt können mithilfe von JavaScript miteinander interagieren.
Java-Parseint
Iframe-Syntax
Ein HTML-Iframe wird mit definiert
<iframe src="URL"></iframe>
Hier gibt das Attribut „src“ die Webadresse (URL) der Inline-Frame-Seite an.
Legen Sie die Breite und Höhe des Iframes fest
Sie können die Breite und Höhe des Iframes mithilfe der Attribute „width“ und „height“ festlegen. Standardmäßig werden die Attributwerte in Pixel angegeben, Sie können sie jedoch auch in Prozent festlegen. d.h. 50 %, 60 % usw.
Beispiel: (Pixel)
<h2>HTML Iframes example</h2> <p>Use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Testen Sie es jetzt
Beispiel: (Prozentsatz)
<h2>HTML Iframes</h2> <p>You can use the height and width attributes to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Testen Sie es jetzt
Sie können auch CSS verwenden, um die Höhe und Breite des Iframes festzulegen.
wenn sonst in Java
Beispiel:
<h2>HTML Iframes</h2> <p>Use the CSS height and width properties to specify the size of the iframe:</p> <iframe src="https://www.javatpoint.com/"></iframe>Testen Sie es jetzt
Entfernen Sie den Rand des Iframes
Standardmäßig enthält ein Iframe einen Rahmen. Sie können den Rahmen entfernen, indem Sie das Attribut und die CSS-Rahmeneigenschaft verwenden.
Beispiel:
<h2>Remove the Iframe Border</h2> <p>This iframe example doesn't have any border</p> <iframe src="https://www.javatpoint.com/"></iframe>Testen Sie es jetzt
Sie können auch die Größe, Farbe und den Stil des Iframe-Rahmens ändern.
Beispiel:
<h2>Custom Iframe Border</h2> <iframe src="https://www.javatpoint.com/"></iframe>Testen Sie es jetzt
Iframe-Ziel für einen Link
Mithilfe von iframe können Sie einen Zielframe für einen Link festlegen. Ihr angegebenes Zielattribut des Links muss auf das Namensattribut des Iframes verweisen.
Beispiel:
<h2>Iframe - Target for a Link</h2> <iframe src="new.html" name="iframe_a"></iframe> <p> <a href="https://www.javatpoint.com">JavaTpoint.com</a> </p> <p>The name of iframe and link target must have same value else link will not open as a frame. </p>Testen Sie es jetzt
Ausgabe
new.hmtl-Ausgabecode:
p{ font-size: 50px; color: red;} <p>This is a link below the ifarme click on link to open new iframe. </p>
Betten Sie YouTube-Videos mit Iframe ein
Sie können Ihrer Webseite auch ein YouTube-Video hinzufügen
Im Folgenden finden Sie einige Schritte zum Hinzufügen eines YouTube-Videos zu Ihrer Webseite:
- Gehen Sie zum YouTube-Video, das Sie einbetten möchten.
- Klicken Sie unter dem Video auf TEILEN ➦.
- Klicken Sie auf die Option „Einbetten“.
- HTML-Code kopieren.
- Fügen Sie den Code in Ihre HTML-Datei ein
- Ändern Sie Höhe, Breite und andere Eigenschaften (je nach Anforderung).
Beispiel:
<iframe src="https://www.youtube.com/embed/JHq3pL4cdy4" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/O5hShUO6wxs" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture">></iframe>Testen Sie es jetzt
Ausgabe:
tostring-Methode Java
Attribute von
Attributname | Wert | Beschreibung |
---|---|---|
Vollbild erlauben | Wenn „true“, dann kann dieser Frame im Vollbildmodus geöffnet werden. | |
Höhe | Pixel | Es definiert die Höhe des eingebetteten Iframes und die Standardhöhe beträgt 150 Pixel. |
Name | Text | Es gibt dem Iframe den Namen. Das Namensattribut ist wichtig, wenn Sie einen Link in einem Frame erstellen möchten. |
Bilderrandbereich | 1 oder 0 | Es definiert, ob Iframe einen Rahmen haben soll oder nicht. (In HTML5 nicht unterstützt). |
Breite | Pixel | Es definiert die Breite des eingebetteten Rahmens und die Standardbreite beträgt 300 Pixel. |
src | URL | Das src-Attribut wird verwendet, um den Pfadnamen oder Dateinamen anzugeben, welcher Inhalt in iframe geladen werden soll. |
Sandkasten | ||
Dieses Attribut wird verwendet, um zusätzliche Einschränkungen für den Inhalt des Frames anzuwenden | ||
Formulare zulassen | Es ermöglicht die Übermittlung des Formulars. Wenn dieses Schlüsselwort nicht verwendet wird, wird die Übermittlung des Formulars blockiert. | |
Popups zulassen | Es aktiviert Popups, und wenn es nicht angewendet wird, wird kein Popup geöffnet. | |
Allow-Skripte | Dadurch kann das Skript ausgeführt werden. | |
gleichen Ursprung zulassen | Wenn dieses Schlüsselwort verwendet wird, wird die eingebettete Ressource so behandelt, als ob sie von derselben Quelle heruntergeladen wurde. | |
srcdoc | Das srcdoc-Attribut wird verwendet, um den HTML-Inhalt im Inline-Iframe anzuzeigen. Es überschreibt das src-Attribut (sofern ein Browser dies unterstützt). | |
Scrollen | ||
Es gibt an, ob der Browser eine Bildlaufleiste für den Iframe bereitstellen soll oder nicht. (In HTML5 nicht unterstützt) | ||
Auto | Die Bildlaufleiste wird nur angezeigt, wenn der Inhalt des Iframes größer als seine Abmessungen ist. | |
Ja | Zeigt immer die Bildlaufleiste für den Iframe an. | |
NEIN | Zeigt nie eine Bildlaufleiste für den Iframe an. |