Tipps zu HTML-Frames für häufige Probleme

Wie Webdesigner, wir alle wollen mit den neuesten und besten Technologien arbeiten. Manchmal arbeiten wir jedoch an alten Seiten fest, 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. Sie können sogar ein oder zwei darin sehen!

Das HTML-Element war ein fester Bestandteil von Website design vor einigen Jahren, aber es ist eine Funktion, die Sie heutzutage selten auf Websites sehen – und das aus gutem Grund. Sehen wir uns an, wo der Support heute steht und was Sie wissen müssen, wenn Sie gezwungen sind, mit Frames auf einer älteren Website zu arbeiten.

HTML5-Unterstützung für Frames

DasHTML5. Das bedeutet, dass Sie beim Codieren einer Webseite mit der neuesten Version der Sprache keine HTML-Frames in Ihrem Dokument verwenden können. Wenn Sie a. verwenden möchten

instagram viewer
HTML 4.01 oder XHTML für dein Dokumenttyp der Seite.

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

Nicht zu verwechseln mit iFrames

Der HTML-Code

Ausrichtung auf HTML-Frames

OK, also alles über die Veraltung von Frames wurde gesagt, was passiert, wenn Sie mit diesen alten HTML-Stücken arbeiten müssen?

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


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 im Hauptrahmen (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. Du würdest die Zeile hinzufügen

Frames und Noframes

Einer der am häufigsten missbrauchten Abschnitte des Frames-Tags ist noframes. Dieses Tag ermöglicht es Personen mit inkompatiblen Browsern mit Frames, Ihre Seite anzuzeigen (dies funktioniert nicht für HTML5, nur für wirklich alte Browser ohne Frame-Unterstützung – Sie können also nicht versuchen, dies in HTML5 zu stopfen, um es zu schaffen Arbeit. Netter Versuch, aber kein Glück.) und das ist das ultimative Ziel, nicht wahr?

In einem typischen Frameset sieht der HTML-Code so aus:


Dadurch wird eine Seite mit zwei Frames erstellt, wobei der obere 40 Pixel hoch ist und der untere der Rest der Seite. Dies würde ein schönes Top-Navigationsleisten-Frameset mit dem Branding und der Navigation im 40-Pixel-Frame ergeben.

Wenn jedoch einer Ihrer Besucher in einem mit Frames nicht kompatiblen Browser auf Ihre Website gelangt, wird ihm eine leere Seite angezeigt. Die Wahrscheinlichkeit, dass sie auf Ihre Website zurückkehren, ist ziemlich gering, und um sie für sie sichtbar zu machen, müssen Sie vier weitere Zeilen HTML hinzufügen:


Diese Seite ist eingerahmt, aber Sie können eine nicht gerahmte Version anzeigen.

Da Sie auf den Inhaltsteil Ihres Framesets (frame2.html) im Noframes-Teil der Seite verweisen, wird Ihre Site zugänglich.

Denken Sie daran, dass Sie möglicherweise die neueste Version von dein Lieblingsbrowser, möchte Ihr Publikum möglicherweise nicht ständig die neueste Software herunterladen. Ihr Computer unterstützt es möglicherweise nicht, oder sie haben möglicherweise keinen Platz, um ein 20+ Meg-Programm auf ihrer Festplatte zu installieren. Das Hinzufügen von vier HTML-Zeilen ist eine einfache Lösung.

instagram story viewer