{"id":31956,"date":"2024-11-12T12:40:21","date_gmt":"2024-11-12T12:40:21","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31956"},"modified":"2025-03-21T16:15:15","modified_gmt":"2025-03-21T16:15:15","slug":"Frames_und_Framesets","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/de\/wiki\/Frames_und_Framesets","title":{"rendered":"Frames und Framesets"},"content":{"rendered":"

Einleitung und Geschichte<\/span><\/h2>\n
\n
\"Frames<\/a> <\/p>\n
Abbildung:<\/b> Frames und Framesets – Autor: Seobility – Lizenz: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Das Frameset mit seinen Frames stammt aus den fr\u00fchen Jahren der Webseitengestaltung. Durch dieses 1996 von Netscape eingef\u00fchrte Feature war es m\u00f6glich, eine Webseite in unterschiedliche Abschnitte zu gliedern. Urspr\u00fcnglich wurde das Frameset verwendet, um den Header und die Navigationsleiste einer Seite vom Inhalt zu trennen. Diese Trennung der statischen Teile – Navigation und Header – von den dynamischen Teilen, stammt aus einer Zeit, in der die Internetverbindung der meisten Nutzer nur sehr eingeschr\u00e4nkt war und nur ein Bruchteil der modernen Geschwindigkeiten und Daten\u00fcbertragungsraten zur Verf\u00fcgung stand. Deshalb wurde versucht, nur bestimmte Teile einer Webseite neu zu laden, n\u00e4mlich jene, die sich ver\u00e4ndern, w\u00e4hrend die statischen Teile unver\u00e4ndert blieben. Dadurch wurde Datenvolumen gespart und die Ladezeit reduziert.\n<\/p>\n

Das Frameset<\/span><\/h2>\n

Das Frameset ist sozusagen der Grundriss einer Seite und wird in einer eigenen HTML Datei gespeichert. Es enth\u00e4lt die Anzahl der einzelnen Abschnitte sowie die Anzahl und Gr\u00f6\u00dfe der Reihen und Spalten. Das dazugeh\u00f6rige HTML Element lautet „frameset“ und kann unter anderem die Attribute „cols“ und „rows“ enthalten. Mit „cols“ wird die Anzahl der Spalten und mit „rows“ die Anzahl der Zeilen definiert. Die Gr\u00f6\u00dfenwerte der einzelnen Spalten werden dabei durch ein Komma getrennt. Es ist m\u00f6glich eine oder mehrere Spalten oder Zeilen „dynamisch“ zu formatieren, d.h. eine oder mehrere Zeilen passen sich an die Gr\u00f6\u00dfe der fix eingestellten Spalten oder Zeilen an. Mit col=“400,*“ erstellt man ein Frameset mit zwei Spalten, wobei die erste Spalte 400 Pixel breit ist und die zweite Spalte den Rest des Frames einnimmt. Anzahl und Gr\u00f6\u00dfe der Reihen werden analog zu den Spalten definiert. Die daraus entstehenden Felder sind Frames und werden dann jeweils via HTML gef\u00fcllt.\n<\/p>\n

Der Frame<\/span><\/h2>\n

Ein Frame ist das Kernst\u00fcck einer Frameset Seite. Das „frame“-Element darf kein schlie\u00dfendes Element, sondern lediglich „inline“, also durch „\/>“ am Ende des \u00f6ffnenden Elements, geschlossen werden. Dar\u00fcber hinaus darf dieses Element nur innerhalb eines Framesets verwendet werden.\n<\/p>\n

Die zwei Hauptattribute eines Frames sind „src“ und „name“. Durch „src“ wird die Inhaltsseite festgelegt, welche in dieses Feld geladen werden soll. Dies funktioniert genauso wie bei anderen Tags, wie z.B. „img“. Das „name“-Attribut dient als Ziel f\u00fcr Links und ist daher f\u00fcr die Navigation unerl\u00e4sslich. Abgesehen von diesen beiden Attributen sind folgende erlaubt: id, class, style, title, longdesc, frameborder, marginwidth, marginheight, noresize und scrolling. Die Attribute frameborder, noresize und scrolling sind dabei spezifisch f\u00fcr dieses Element. Mit „frameborder“ kann ein Rahmen f\u00fcr das Element definiert werden, allerdings stehen hier nicht alle M\u00f6glichkeiten zur Verf\u00fcgung, die CSS bietet. Noresize bestimmt, ob der Benutzer die M\u00f6glichkeit hat, das Element zu vergr\u00f6\u00dfern oder zu verkleinern. Ob ein Frame eine Scrollleiste bekommt, wird vom scrolling-Attribut definiert.\n<\/p>\n

Nachteile von Frames und Framesets<\/span><\/h2>\n

Die Nachteile von Frames sind vielf\u00e4ltig. In diesem Abschnitt werden, ohne Anspruch auf Vollst\u00e4ndigkeit, einige davon vorgestellt.\n<\/p>\n

Zun\u00e4chst kommen Framesets und Frames aus einer Zeit, in der die dynamische Erstellung von Webseiten durch die Verwendung von serverseitigen Programmiersprachen von den meisten Providern noch nicht bzw. nicht standardm\u00e4\u00dfig angeboten wurden. Nachdem dies heute der Fall ist, existiert der klassische Anwendungsfall von Frames nicht mehr. Die Nachteile bleiben jedoch bestehen. Da der Browser immer das gesamte Konstrukt anzeigt und sich die URL beim Navigieren nicht \u00e4ndert, f\u00fchrt die Trennung einer Seite in mehrere Dokumente dazu, dass Nutzer keine Lesezeichen auf Unterseiten setzen k\u00f6nnen. Dar\u00fcber hinaus gestalten Frames das Ausdrucken kompletter Seiten umst\u00e4ndlicher.\n<\/p>\n

Ein besonders \u00e4rgerlicher Nachteil von Frames ist, dass \u00fcber Suchmaschinen gefundene Seiteninhalte ohne die dazugeh\u00f6rige Navigation<\/a> angezeigt werden. Nutzer sehen im schlimmsten Fall nur den Inhalt des Frames ohne benachbarte Elemente. Im Zeitalter von Smartphone, Tablet und Co. ist au\u00dferdem die Tatsache, dass Frames nicht mit CSS positioniert werden k\u00f6nnen, ein untragbarer Nachteil, der die Nutzung dieser Seiten auf mobilen Endger\u00e4ten beinahe unm\u00f6glich macht.\n<\/p>\n

Bedeutung von Frames f\u00fcr SEO<\/span><\/h2>\n

Die meisten Suchmaschinen, darunter auch Google, beachten auf Seiten mit einem Frameset nur den „noframes“-Bereich, wodurch eine klassisch aufgebaute Frame Seite nicht indexiert werden kann. Um die Anzeige von Inhalten ohne die passende Navigation zu verhindern, kann zwar ein JavaScript<\/a>-Snippet verwendet werden, insgesamt ist von der Verwendung von Frames allerdings strengstens abzuraten. Wenn eine Website optimiert werden soll, die mit dieser Technologie gestaltet wurde, empfiehlt sich eine sofortige Neugestaltung, welche die Verwendung mobiler Endger\u00e4te ber\u00fccksichtigt.\n<\/p>\n

\n
\n

Frameset Check<\/h3>\n

Pr\u00fcfe, ob auf Deiner Seite Frames vorhanden sind<\/p>\n<\/div>\n

\n
\n<\/form>\n<\/div>\n

Moderner Ersatz f\u00fcr Frames<\/span><\/h2>\n

Frames werden von HTML5 nicht mehr unterst\u00fctzt und sollten nicht verwendet werden. L\u00e4sst es sich nicht vermeiden, einige Element oder Dokumente einzubinden, sollte lieber das iframe-Element genutzt werden. Bei diesem Element handelt es sich um einen Nachfolger von Frames, welcher besonders h\u00e4ufig f\u00fcr die Einbindung von Videos verwendet wird. Geht es nur darum, eine fixierte Navigation zu erhalten und damit das Scrollen zu selbiger zu verhindern, besteht die M\u00f6glichkeit mit CSS und dem „position: fixed“-Attribut eine XHTML und HTML5 kompatible L\u00f6sung umzusetzen. Dar\u00fcber hinaus bietet AJAX, eine Kombination aus JavaScript und XML, die M\u00f6glichkeit, einzelne Elemente und Inhalte auf einer Webseite dynamisch, d.h. abh\u00e4ngig von der tats\u00e4chlichen Nutzung, nachzuladen und somit anzupassen.\n<\/p>\n

Zusammengefasst: FAQs zu Frames und Framesets<\/span><\/h2>\n

Was sind Frames und Framesets in HTML?<\/b>\n<\/p>\n

Frames und Framesets erm\u00f6glichen die Unterteilung einer Webseite in statische und dynamische Elemente. Wenn ein Nutzer die Seite aktualisiert, m\u00fcssen nur die dynamischen Teile neu geladen werden.\n<\/p>\n

Was ist der Unterschied zwischen einem Frame und einem Frameset?<\/b>\n<\/p>\n

Frames sind die einzelnen Elemente, w\u00e4hrend das Frameset die individuellen Frames beinhaltet.\n<\/p>\n

Welche Nachteile bringen Frames und Framesets mit sich?<\/b>\n<\/p>\n

Der Einsatz von Frames verhindert, dass Nutzer einzelne Unterseiten nicht als Lesezeichen setzen kann. Au\u00dferdem lassen sich Frames nicht per CSS positionieren.\n<\/p>\n

Ist der Einsatz von Frames eine gute Idee?<\/b>\n<\/p>\n

Nein. Frames sind eine veraltete Technologie. HTML5 unterst\u00fctzt keine Frames und Framesets mehr und r\u00e4t von deren Verwendung ab.\n<\/p>\n

Welche Alternativen zu Frames und Framesets gibt es?<\/b>\n<\/p>\n

Eine moderner Ansatz ist das iframe-Element. Mit CSS und AJAX lassen sich ebenfalls \u00e4hnliche Ergebnisse wie mit Frames erzielen.\n<\/p>\n