Das Neueste zu HTML-Frames

Haben sie heute einen Platz auf Websites?

Als Webdesigner möchten wir alle mit den neuesten und besten Technologien arbeiten. Manchmal stecken wir jedoch in der Arbeit an Legacy-Seiten, die aus dem einen oder anderen Grund nicht auf die aktuellen Webstandards aktualisiert werden können. Sie sehen dies bei bestimmten Softwareanwendungen, die möglicherweise vor vielen Jahren speziell für Unternehmen erstellt wurden. Wenn Sie mit der Arbeit an diesen Sites beauftragt sind, werden Sie sich zweifellos die Hände schmutzig machen, wenn Sie mit altem Code arbeiten. Vielleicht sehen Sie sogar ein oder zwei!

Das HTML-Element war vor einigen Jahren ein fester Bestandteil des Website-Designs, aber es ist eine Funktion, die heutzutage auf Websites nur noch selten zu finden ist - und das aus gutem Grund. Werfen wir einen Blick darauf, wo heute Support angeboten wird und was Sie wissen müssen, wenn Sie gezwungen sind, mit Frames auf einer älteren Website zu arbeiten.

HTML5-Unterstützung für Frames

Das Element wird in HTML5 nicht unterstützt. Dies bedeutet, dass Sie keine HTML-Frames in Ihrem Dokument verwenden können, wenn Sie eine Webseite mit der neuesten Iteration der Sprache codieren. Wenn Sie ein in Ihrem Dokument verwenden möchten, müssen Sie HTML 4.01 oder XHTML für den Doctype Ihrer Seite verwenden.

Da Frames in HTML5 nicht unterstützt werden, wird dieses Element auf einer neu erstellten Site nicht verwendet. Dies ist etwas, das Sie nur auf den oben genannten Legacy-Sites antreffen werden.

Nicht zu verwechseln mit iFrames

Das HTML-Tag unterscheidet sich von dem Element, das in HTML5 weiterhin unterstützt wird und das einen Inline-Frame auf einer Webseite erstellt. Diese Frames werden häufig verwendet, um Inhalte wie Google Maps oder YouTube-Videos auf Ihrer Seite anzuzeigen. iFrames sind in Ordnung und werden heutzutage häufig im Web verwendet.

Targeting von HTML-Frames

OK, also alles über überholte Frames wurde gesagt. Was passiert, wenn Sie mit diesen alten HTML-Elementen arbeiten müssen?

Wenn Sie einen älteren Doctype verwenden und HTML-Frames verwenden möchten, gibt es einige häufige Probleme, die Sie kennen sollten. Eines dieser Probleme besteht darin, die Links im richtigen Frame zu öffnen. Dies wird als Targeting bezeichnet. Sie geben Ihren Anker-Tags ein "Ziel", um deren Links zu öffnen. Das Ziel ist normalerweise der Name des Frames.


name = "nav">
name = "main">

Im obigen Frameset gibt es zwei Frames, der erste heißt "nav" und der zweite heißt "main". Wir können uns vorstellen, dass der Navigationsrahmen (frame1.html) eine Navigation ist und alle darin enthaltenen Links innerhalb des Hauptrahmens (frame2.html) geöffnet werden sollten.

Dazu würden Sie den Links in frame1 das Ziel "main" geben. target = "main">. Aber was ist, wenn Sie das Ziel nicht zu jedem Link auf Ihrer Navigationsseite hinzufügen möchten? Sie können im HEAD Ihres Dokuments ein Standardziel festlegen. Dies wird als Basisziel bezeichnet. Sie würden die Linie zu Ihrem Kopf der Seite frame1.html hinzufügen, und alle Links werden dann im Hauptrahmen geöffnet.

Frames und Noframes

Einer der am häufigsten missbrauchten Abschnitte des Frames-Tags ist noframes. Mit diesem Tag können Personen mit inkompatiblen Frames-Browsern Ihre Seite anzeigen (dies funktioniert nicht in HTML5, nur in wirklich alten Browsern ohne Frame-Unterstützung) Glück.), und das ist das ultimative Ziel, nicht wahr?

In einem typischen Frameset sieht der HTML-Code folgendermaßen aus:




Dadurch wird eine Seite mit zwei Frames erstellt, wobei der obere Rand 40 Pixel und der untere Rand den Rest der Seite darstellt. Dies würde ein schönes Frameset der oberen Navigationsleiste mit dem Branding und der Navigation im 40-Pixel-Frame ergeben.

Wenn jedoch einer Ihrer Betrachter mit einem Browser, der nicht mit Frames kompatibel ist, auf Ihre Website gelangt, wird eine leere Seite angezeigt. Die Wahrscheinlichkeit, dass sie auf Ihre Website zurückkehren, ist sehr gering. Um sie sichtbar zu machen, müssen Sie vier weitere HTML-Zeilen hinzufügen:


Diese Seite ist gerahmt, Sie können jedoch eine ungerahmte Version anzeigen.

Da Sie im Noframes-Bereich der Seite auf den Inhaltsbereich Ihres Framesets (frame2.html) verweisen, können Sie auf Ihre Site zugreifen.

Bedenken Sie, dass Ihr Publikum möglicherweise nicht ständig die neueste Software herunterladen möchte, obwohl Sie die neueste Version Ihres Lieblingsbrowsers verwenden. Ihr Computer unterstützt es möglicherweise nicht oder sie haben möglicherweise nicht genügend Platz, um ein Programm mit mehr als 20 Megabyte auf ihrer Festplatte zu installieren. Das Hinzufügen von vier HTML-Zeilen ist eine einfache Lösung.

Originalartikel von Jennifer Krynin. Bearbeitet von Jeremy Girard am 16.10.17