Verweise und Protokolle
HTML für Einsteiger - Kapitel 7-2
von Thomas Salvador.
 |
Teil 1 |
Verweise, sog. HyperLinks oder Links, sind ein wesentlicher Bestandteil von HyperText-Dokumenten und somit auch von HTML-Dokumenten. In diesem Kapitel betrachten wir sie daher sehr ausführlich.
Teil 1: Teil 2: Teil 3:Dies ist Teil 2 des Kapitels.
Verweise auf HTML-Dokumente
Die Verweise werden durch den a href-Tag gekapselt (genauer: Tag a Attribut href). Die allgemeine Form ist
<a href="URL">Verweistext</a>
Dabei ist "Verweistext" der Text, der als Link hervorgehoben wird, meist unterstrichen und in einer anderen Farbe. Der Text ist beliebig, sollte freilich sinnvoll sein. Im Kapitel Grafik werden wir sehen, dass anstelle von Text auch Grafik verwendet werden kann. Allgemeiner kann jedes beliebige HTML-Element benutzt werden, auch wenn z.B. Listen o.ä. etwas seltsam aussehen dürften.
Wir unterscheiden nun mehrere Verweistypen, abhängig davon, auf was verwiesen wird:
Verweis auf eine Stelle in der gleichen HTML-Datei
Hier besteht der URL nur aus dem Gatter "#" gefolgt von dem Namen der Stelle.
<a href="#body">eigentlicher Inhalt</a>
Verweis auf eine andere HTML-Datei
Der hierfür zuständige Dienst ist das HyperText Transfer Protocol (http):
<a href="http://www.brauchbar.de/wd/artikel/36-2.html">Dieses Dokument</a>
Dabei ist www.brauchbar.de der Name des Rechners. /wd/artikel ist der Verzeichnis- und 36-2.html ist der Dateiname.
Befindet sich das Dokument auf dem gleichen Rechner wie die verweisende Datei, so wird der Protokollname und der Rechnername nicht benötigt.
<a href="/wd/artikel/36-2.html">Dieses Dokument</a>
Befindet sich das Dokument auch noch im gleichen Verzeichnis, so kann auch dieser Name fortgelassen werden.
<a href="36-2.html">Dieses Dokument</a>
Alle Referenzen beziehen sich immer auf das Verzeichnis, in dem sich die verweisende Datei befindet, d.h. wird wie eben verwiesen, so funktioniert der Verweis auch dann, wenn die Dateien in ein anderes Verzeichnis verschoben werden.
Daher empfiehlt es sich bei Dokumenten, die aus mehreren Dateien bestehen, auf die anderen Dateien wie zuletzt gezeigt zu verweisen. (Da dann a) das Verschieben des gesamten Dokuments einfacher wird und b) Benutzer die Möglichkeit haben, das Dokument lokal zu speichern und lokal zu benutzen.)
Schließlich können relative Pfade angegeben werden:
<a href="../index.html">Homepage des Autors</a>
Dabei heißt ".." wie üblich das Verzeichnis der nächst höheren Hierarchiestufe, also das Verzeichnis, welches das aktuelle als Unterverzeichnis enthält.
Dies wird vor allem dann günstig, wenn man für Dokumente eigene Unterverzeichnisse einrichtet, um etwa den Überblick zu behalten, oder Überschreibungen durch gleiche (Datei-)Namen zu vermeiden; halt genau aus denselben Gründen, aus denen jeder irgendwelche Verzeichnisse auf seinem Rechner eingerichtet hat. Die Verknüpfung ist dann immer noch sehr einfach.
Aus index.html z.B.:
... <a href="html/html.html">HTML für Einsteiger</a> ...
Aus html.html folglich:
... <a href="../index.html">Homepage</a> ...
Dies hat insbesondere den Vorteil, dass auch die ganze Hierarchie, d.h. die Homepage und alle platzierten Dokumente ohne Mühe verschoben werden kann, dennoch die Verwaltung der Homepage oder das Anbinden/Entfernen von Dokumenten sehr einfach und übersichtlich ist.
Es eignet sich noch die Kombination:
Aus index.html z.B.:
... <a href="wd/artikel/36-2.html">Dieses Dokument</a> ...
Aus html.htm:
... <a href="http://www.brauchbar.de">Homepage</a> ...
Dadurch ermöglicht man dem Benutzer, die Dokumente lokal zu speichern und zu benutzen, erhält aber die Gültigkeit der Verweise zu anderen Dokumenten aufrecht.
Damit ist alles Wichtige hierzu gesagt. Wie Sie im Endeffekt verfahren, welche Methoden Sie einsetzen, müssen Sie schon irgendwo selbst entscheiden. Ziel der Ausführungen ist hier nur, einen Überblick zu verschaffen und Ihnen die Möglichkeiten zu nennen, aus denen Sie sich das von Ihnen Gewünschte, das für Ihre Projekte Geeignete heraussuchen können. Sie müssen sich das natürlich nicht jetzt alles merken. Das schleift sich mit der Zeit ein.
Verweis auf eine Stelle in einer anderen HTML-Datei
Dies ist naheliegenderweise eine Kombination der bereits betrachteten Fälle:
<a href="36.html#body">eigentlicher Inhalt</a> <a href="http://www.irgendwo.erde/irgendeineDatei.html#stelle">beliebig</a>
Alles, was zu Verweisen auf andere HTML-Dateien gesagt wurde, gilt freilich auch hier.
Damit ist auch klar, dass das Gatter # notwendig ist, um die Stelle #stelle von der Datei stelle zu unterscheiden. stelle ist ein gültiger Dateiname, wie wir bei den anonymen Verweisen sehen werden.
|
|
Teil 1 | Teil 3 |  |
Verwandte Artikel und Seiten
- oben genannte Teile und
- weitere HTML-Artikel
Diese Site anlinken. Artikel zu CSS | HTML | JavaScript | Perl | Usability | Sonst. | nach Ausgabe.
Copyright © 1999-2010 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei 1 und 1.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.
Hat Ihnen diese Seite gefallen oder geholfen? Geben Sie mir einen Kaffee aus (Kaffeekasse)! Danke.
Linken Sie bitte zu der festen Adresse http://www.brauchbar.de/wd/artikel/36-2.html .