HTML Links sind interaktive Elemente auf deiner Seite, mit einem Link kannst du auf eine andere Seite zeigen und auf bestimmte Textpassagen verlinken. Durch ein klick auf einen Link kommt man dann auf eine andere Seite bzw. ändert die Scrolltiefe auf der aktuellen Seite (oder beides zusammen).
ein simpler Link
Ein einfacher Link kann mit einem a Tag erstellt werden, es muss immer ein href Attribut vorhanden sein, sonst können Probleme auftreten. Mit einem einfachen Link, kann man auf andere Webseiten zeigen (oder auf eine Seite auf unserem Webserver).
<html>
<head>
</head>
<body>
<a href="https://wiki.selfhtml.org/">Ein Link zu selfhtml</a>
</body>
</html>Beispiel
ein Link zu einer Stelle
Mit einer # im href kann man auf eine Bestimmte Stelle zeigen. Wenn du zum Beispiel auf der aktuellen Seite auf eine bestimme Überschrift zeigen möchtest.
<html>
<head>
</head>
<body>
<a href="#zwischenueberschrift">Ein Link zu selfhtml</a>
</body>
</html>Beispiel
Stelle und Seite kombinieren
Du kannst auch beide Techniken kombinieren und ein Link zu einer anderen Seite erstellen und auf eine bestimmte Stelle zeigen.
<html>
<head>
</head>
<body>
<a href="index.html#Angebot">Angebot auf der Startseite</a>
</body>
</html>Beispiel
Rostocker Wikipediaseite – Einwohnerzahlen
neues Fenster öffnen
Mit dem Attribut target kannst du z.B. den Link in einem neuen Tab öffnen, dafür musst du _blank angeben.
<html>
<head>
</head>
<body>
<a href="index.html#Angebot" target="_blank">Angebot auf der Startseite</a>
</body>
</html>Beispiel
Rostocker Wikipediaseite – Einwohnerzahlen (neuer Tab)
rel Attribut
Das rel Attribut gibt an, in welcher Bezihung do der Zielseite stehst. Zum Beipsiel mit der Angabe nofollow, sagst du dem Google Bot (eine Software die deine Seite ließt um diese bei Google zu listen) das er dieser Seite nicht folgen soll. Oder mit der Angabe author verlinkst du den Autor dieser Seite.
<html>
<head>
</head>
<body>
<a href="https://boolie.org/marc/" rel="author">Marc Borkowski</a>
</body>
</html>Beispiel
Detailinfo
| rel | Beschreibung |
|---|---|
| alternate | Eine alternative Version von der aktuellen Seite. Zum Beipsiel eine Übersetzung. |
| author | Der/Die Verfasser:in des Artikels |
| bookmark | Lesezeichen-URL für diese Seite |
| external | Sagt, dass zu einer anderen Domain verlinkt wird. |
| help | Das Ziel ist eine Hilfeseite für die aktuelle Seite. |
| license | Die Lizenz der aktuellen Seite. |
| next | Die nächste Seite der einer Reihe. |
| nofollow | Eine nicht geprüfte Seite, zum Beispiel Werbung. |
| noreferrer | Macht die Quelle unbekannt (Wenn ein Nutzer diesen Link klickt, kann die Zielseite nicht sehen von wo der Nutzer herkommt) |
| prev | Die vorige Seite einer Reihe. |
| search | Link zu einer Suchfunktion zu dieser Seite. |
| tag | Ein Tag zu der Seite. |
