alles über HTML Links

Datum
05.10.2021

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 selfhtml

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

Ende dieser Seite

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.

Ende dieser Seite

Zurück zu „ein Link zu einer Stelle“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Kommentare anschauen
Kommentare (0)