Links in Webseiten sind ein Schlüsselelement, mit dem Benutzer zwischen verschiedenen Seiten und Ressourcen im Internet navigieren können. Ein wichtiger Aspekt beim Erstellen von Links ist die Angabe des Referenztyps - entweder relativ oder absolut -. In diesem Artikel werden wir uns ansehen, wie Sie mit einfachen Beispielen eine absolute Referenz in HTML erstellen.
Ein absoluter Link ist ein Link, der mit einer vollständigen URL auf eine bestimmte Ressource im Internet verweist. Es enthält das Protokoll, den Domänennamen, den Dateipfad und gegebenenfalls Abfrageparameter. Absolute Links sind besonders nützlich, wenn Sie auf Ressourcen verweisen müssen, die sich auf anderen Websites befinden.
Um einen absoluten Link in HTML zu erstellen, müssen Sie ein Tag verwenden mit Attribut href. Im Attributwert href sie müssen die vollständige URL der Zielressource angeben, zu der der Link führen soll. Hier ist ein einfaches Beispiel für eine absolute Referenz:
In diesem Beispiel erstellen wir einen absoluten Link zu einer Website example.com . Wenn Sie auf diesen Link klicken, wird der Benutzer an die angegebene URL weitergeleitet.
Methoden zum Erstellen einer absoluten Referenz
- Verwenden einer vollständigen URL: Bei dieser Methode wird das Protokoll (z. B. http://) und der vollständige Pfad zu einer Datei oder Ressource aktiviert. Beispiel: Referenzbeispiel
- Verwenden des relativen Pfadprotokolls: Mit dieser Methode können Sie einen Verweis erstellen, indem Sie nur den relativen Pfad aus dem aktuellen Dokument verwenden. Zum Beispiel, wenn Sie sich auf der Index-Seite befinden.html" und möchten einen Link zur Seite "about.html", dann würde der relative Pfad wie folgt aussehen: Über das Unternehmen
- Verwenden des Basiselements : Mit dem Basiselement können Sie eine Basis-URL für alle relativen Links auf einer Webseite festlegen. Es wird innerhalb des Abschnitts platziert und sieht folgendermaßen aus: Nachdem Sie das Basiselement festgelegt haben, haben alle relativen Links auf der Seite eine Basis-URL.
Die Auswahl der Methode hängt davon ab, auf welche Ressource Sie verweisen möchten und auf welche Sie verweisen.
Verwenden der vollständigen URL
In HTML können Sie die vollständige URL verwenden, um auf externe Ressourcen wie Bilder, Stile und Skripte zu verweisen. Die vollständige URL enthält das Protokoll, den Domänennamen, den Dateipfad und den Dateinamen.
Um einen Link mit einer vollständigen URL zu erstellen, müssen Sie ein href-Tag und ein href-Attribut verwenden. Hier ist ein Beispiel:
- Bildlink - Link zu einem Bild mit vollständiger URL.
- Ein Verweis auf Stile ist ein Verweis auf eine CSS-Datei mit einer vollständigen URL.
- Skriptreferenz ist ein Verweis auf eine JavaScript-Datei mit vollständiger URL.
Die Verwendung einer vollständigen URL gewährleistet die Genauigkeit und Zuverlässigkeit eines Links, da er auf eine bestimmte Datei auf dem Server verweist.
Beachten Sie jedoch, dass die Verwendung einer vollständigen URL Ihren Code umständlicher und weniger lesbar machen kann. Wenn sich die Ressourcen in derselben Domäne befinden, können Sie relative Referenzen für kompakteren Code verwenden.
Verwenden des Attributs "href" mit einem Protokoll
Ein Protokoll ist ein Satz von Regeln und Formaten, die definieren, wie Daten über das Internet verarbeitet und übertragen werden. Protokolle wie HTTP (HyperText Transfer Protocol) oder HTTPS (HTTP Secure) bestimmen, wie Webseiten und andere Ressourcen über das Netzwerk verfügbar sind.
Um einem Verweis ein Protokoll hinzuzufügen, können Sie es einfach im Wert des href - Attributs angeben. Zum Beispiel:
| Protokoll | Referenzbeispiel |
|---|---|
| HTTP | Referenzbeispiel |
| HTTPS | Referenzbeispiel |
Nachdem Sie das Protokoll angegeben haben, können Sie einen zusätzlichen Ressourcenpfad oder Attribute hinzufügen, um zusätzliche Funktionalität anzugeben. Zum Beispiel:
Wenn ein Besucher auf einen solchen Link klickt, verwendet der Browser das angegebene Protokoll, um die Ressource herunterzuladen oder den Benutzer auf eine andere Webseite oder ein anderes Dokument umzuleiten.
Die Verwendung des richtigen Protokolls im href-Attribut ist wichtig, um die Besucher korrekt auf die richtigen Ressourcen zu verweisen und die Verbindung zwischen dem Browser und dem Server zu sichern.