Sie sind hier: Startseite -> HTML-Grundlagen -> Kopfteil -> Link

HTML-Grundlagen: Link im Kopfteil

Link: logische Verknüpfung im HTML-Kopfteil

Eine weitere Funktion des Kopfteiles in einer HTML-Datei ist die Möglichkeit, logische Verknüpfungen einzubauen. Es gibt eine ganze Reihe an Möglichkeiten, beispielsweise der Hinweis auf ein Inhaltsverzeichnis der Webseite und die Adresse, wo dieses Verzeichnis gefunden werden könnte, doch sind solche Hinweise eher selten.

Häufiger werden aber zwei Verlinkungen integriert: jene zur CSS-Datei oder zu mehreren CSS-Dateien und jene zum Favicon, das immer beliebter geworden ist.

Die typischen beiden Fälle sind im Beispiel aufgezeigt und sind ebenfalls Befehle, die in einer HTML-Seite Teil des head-Tags sind, also im Rahmen des Kopfteiles wirken. Der erste Befehl verweist auf die CSS-Datei, mit der die Seite formatiert ist. Oftmals sind mehrere Dateien einzubinden, beispielsweise eine Datei, in der die Darstellung der Navigation festgelegt wurde, eine für den Inhalt und manchmal auch eine für die Druckausgabe.

Der zweite Befehl bezieht sich auf das Favicon, das kleine Bild, das in den Browsern auch angezeigt wird und einen hohen Wiedererkennungswert genießt. Viele SEO-Tools empfehlen daher den Einsatz eines solchen Zeichens für die eigene Seite und im Kopfteil wird über den Link-Befehl der Ort des Bildes festgelegt. Im Beispiel ist mit ../ der Hinweis hinzugefügt, dass sich das Bild in einer höheren Ebene auf dem Server befindet. Das ist eine relative Schreibweise der Adresse, man könnte auch eine absolute wählen, indem man die URL der Seite und den kompletten Pfad zur Grafik angibt.

Diese Lösung zeigt das dritte Beispiel, bei dem der absolute Pfad angeführt wurde. In den meisten Fällen wird man aber den relativen Pfad wählen, es kann aber schwierig werden, wenn man eine Seite fertiggestellt hat und immer wieder als Vorlage für die nächste Seite kopiert, diese aber in einer anderen Ebene ablegt. Dann stimmt nämlich der Pfad nicht mehr und man muss ihn anpassen.

Deshalb wählen viele den absoluten Pfad, dann ist der Fall klar.

Ebenfalls interessant:

Titel

Informationen über den Title-Tag, mit dem die Überschrift einer Webseite festgelegt wird.

META-Tags

Informationen über META-Tags und ihre Aufgabe im Webdesign für die Suchmaschinenoptimierung (SEO).

[aktuelle Seite]

Link

Informationen über den Link-Befehl im Kopfteil einer HTML-Seite, um zusätzliche Dateien zu integrieren.

Zurück zum Hauptthema

Übersicht Kopfteil

Startseite HTML-Grundlagen