Web-Entwicklung bietet uns viele Möglichkeiten, interaktive und benutzerfreundliche Websites zu erstellen. Eine dieser Möglichkeiten besteht darin, eine HTML-Datei in eine andere einzufügen. Diese Technik ermöglicht es uns, gemeinsame Elemente und Komponenten auf verschiedenen Seiten zu verwenden, ohne dass Code dupliziert werden muss. Wenn Sie erfahren möchten, wie Sie eine HTML-Datei in eine andere HTML-Datei einfügen, werden wir in diesem Artikel einige Möglichkeiten zur Implementierung dieser Aufgabe untersuchen.
Der erste Weg ist die Verwendung des Tags iframe. Kennung iframe ermöglicht das Einbetten einer anderen HTML-Datei in die aktuelle Seite. Geben Sie einfach den Pfad zur HTML-Datei im Attribut an src Kennung iframe. und der Browser lädt automatisch den Inhalt dieser Datei herunter und zeigt ihn an. Diese Methode ist nützlich, wenn Sie eine HTML-Datei von einem externen Server oder von einer anderen Seite auf der aktuellen Website einfügen müssen.
Der zweite Weg ist die Verwendung von JavaScript. Mit JavaScript können Sie den Inhalt einer HTML-Datei dynamisch laden und in eine andere HTML-Datei einfügen. Dazu können Sie die Funktion verwenden fetch laden Sie die HTML-Datei herunter und verwenden Sie dann die Methode innerHTML um den Inhalt in das HTML-Element auf der aktuellen Seite einzufügen. Diese Methode eignet sich am besten für Situationen, in denen Sie den Inhalt einer Seite basierend auf Benutzeraktionen oder externen Ereignissen dynamisch aktualisieren möchten.
Einfügen einer HTML-Datei in eine andere Datei
Sie können ein Element verwenden, um eine HTML-Datei in eine andere Datei einzufügen iframe. Mit diesem Element können Sie den Inhalt einer anderen HTML-Datei in der aktuellen Datei anzeigen.
Beispiel für die Verwendung eines Elements iframe:
Im obigen Beispiel ist die Datei.html ist eine einzufügende Datei, und die Breite und Höhe des Iframes werden in Pixeln angegeben. Wenn der Browser die Anzeige eines Iframes nicht unterstützt, wird die im Element angegebene Meldung angezeigt.
Beachten Sie, dass sich die eingefügte Datei in derselben Domäne befinden muss, um aufgrund der Sicherheitsrichtlinie des Browsers keine Inhaltssperren zu vermeiden.
Sie können auch andere Methoden verwenden, um eine HTML-Datei in eine andere Datei einzufügen, z. B. über die serverseitige Seite (PHP, Ruby, Node.js usw.) oder mit JavaScript und AJAX-Anfragen.
Die Auswahl der Einfügemethode hängt von den Anforderungen und Möglichkeiten Ihres Projekts ab.
Verwenden eines Tags
Es gibt viele Tags in HTML, die jeweils einen bestimmten Zweck haben. Eines der am häufigsten verwendeten Tags ist das Tag . Es wird verwendet, um Textabsätze zu erstellen. Text oder andere Tags, die als Absätze auf einer Webseite angezeigt werden, werden in das Tag eingefügt
Andere gebräuchliche Tags sind Tags
- und
- die zum Erstellen von Listen verwendet werden. Kennung
- erstellt eine nummerierte Liste, in der die Elemente nummeriert sind. Kennung
- definiert ein Listenelement, das in einer mit einem Tag erstellten Liste enthalten ist
. Die Verwendung dieser Tags ermöglicht die Strukturierung von Informationen auf einer Webseite, wodurch sie für den Benutzer verständlicher und leichter zu verstehen sind. Kennungen ,
- und
- sie sind wichtige Werkzeuge für die Erstellung von Inhalten auf einer Webseite und sollten unter Berücksichtigung ihrer Verwendungszwecke und Empfehlungen für das Markup eines Dokuments verwendet werden.
Einfügen mit Tag
Beispiel für die Verwendung eines TagsГлавная страница Привет, мир!
In diesem Beispiel ist die Datei "embed.html wird in eine Index-Datei eingefügt.html" mit TagВстроенный HTML Это встроенный HTML!
Это пример вставки HTML файла с помощью тега .
