Wie verwende ich Iframe in HTML? Einführung in die Verwendung von Iframe-Tags in HTML-HTML-Tutorial-php.cn

Wie verwende ich Iframe in HTML? Einführung in die Verwendung von Iframe-Tags in HTML

不言

Freigeben： 2018-10-18 10:17:41

Original

4431 Leute haben es durchsucht

Für diejenigen, die Websites entwickeln, muss das iframe-Element einen Inline-Frame (d. h. Inline-Frame) erstellen, der die Websites anderer Personen oder diese Website auf unsere eigenen Website-Seiten laden kann Inhalt anderer Seiten der Website, daher wird Ihnen dieser nächste Artikel die Verwendung von Iframe in HTML vorstellen.

Zunächst einmal wissen wir für das Iframe-Tag, dass das Iframe-Element einen Inline-Frame (d. h. Inline-Frame) erstellt, der ein anderes Dokument enthält. Schauen wir uns also direkt das Iframe-Tag an html Detaillierte Verwendung von .

Werfen wir einen Blick auf die Attribute des iframe-Tags:

1. Ausrichtung: links, rechts, oben, mitte, unten. Gibt an, wie dieser Rahmen relativ zu umgebenden Elementen ausgerichtet werden soll. Veraltet. Bitte verwenden Sie den Stilcode.

2. Rahmengrenze: 1, 0. Wird verwendet, um anzugeben, ob ein Rahmen um den Rahmen angezeigt werden soll.

3. Höhe: Pixel, %. Wird verwendet, um die Höhe des Iframes anzugeben.

4. longdesc: URL. Gibt eine Seite an, die eine längere Beschreibung des Iframes enthält.

5. Randhöhe: Pixel. Definieren Sie den oberen und unteren Rand des Iframes.

6. Randbreite: Pixel. Definieren Sie den linken und rechten Rand des Iframes.

7. Name: Rahmenname. Gibt den Namen des Iframes an.

Hinweis: Wenn Sie den Link in einem Iframe öffnen möchten, wenn Sie auf einen Link auf der Seite klicken, müssen Sie nur das Namensattribut im Iframe und das Zielattribut im a-Tag hinzufügen (das Zielattribut von Das Tag gibt an, wo das verknüpfte Dokument geöffnet werden soll.) Setzen Sie es einfach auf den gleichen Wert, zum Beispiel:

<iframename="my"></iframe>
<ahref="http://www.php.cn" target="my"></a>

Nach dem Login kopieren

8. Scrollen: ja, nein, automatisch. Gibt an, ob Bildlaufleisten im Iframe angezeigt werden sollen.

9. Quelle: URL. Gibt die URL des Dokuments an, das im Iframe angezeigt werden soll.

10. Breite: Pixel. %. Definieren Sie die Breite des Iframes.

Nachdem wir das relevante Wissen über Iframe-Tag-Attribute gelesen haben, werfen wir einen Blick auf Der Zweck von Iframe-Tags in HTML

Normalerweise verwenden wir Iframe, um Iframe-Tags direkt darauf zu verschachteln die Seite Geben Sie einfach den src an

Das Beispiel sieht wie folgt aus:

<!-- 
        <iframe> 标签规定一个内联框架
　　　　　这里写p 标签是为了看align的效果
     -->
     <p style="overflow: hidden;">这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。
         <iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">
            <p>你的浏览器不支持iframe标签</p>
        </iframe>
     这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。</p>

Nach dem Login kopieren

Das src-Attribut des Iframes im obigen Code ist eine lokale HTML-Seite

Der Code ist wie folgt folgt:

<body>
    <div id="div" style="height: 300px; background: #ddd;">这是一个外部文件里面的内容</div>
</body>
<script>
    var div = document.getElementById("div");
    console.log(div);
</script>

Nach dem Login kopieren

Erklärung: Alle interaktiven Teile werden auch auf dieser Seite geschrieben und der Iframe wird automatisch auf die importierte Seite übertragen.

Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie auf der chinesischen PHP-Website! ! !

Das obige ist der detaillierte Inhalt vonWie verwende ich Iframe in HTML? Einführung in die Verwendung von Iframe-Tags in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!