Markdown Hyperlinks

Links sind eines der fundamentalsten Elemente von Webinhalten. Markdown bietet verschiedene Möglichkeiten, Links zu erstellen, von einfachen Inline-Links bis hin zu komplexeren Referenz-Stil-Links.

Grundlegende Link-Syntax

Die grundlegende Syntax für einen Link in Markdown ist:

[Link-Text](URL)

Beispiele

[Google](https://www.google.com)

Ergebnis: Google

Links mit Titeln

Sie können Ihren Links einen Titel hinzufügen, der erscheint, wenn Benutzer mit der Maus darüber fahren:

[Google](https://www.google.com "Suchmaschine")

Ergebnis: Google

Referenz-Stil-Links

Für längere Dokumente oder wenn Sie Links wiederverwenden möchten, sind Referenz-Stil-Links sehr nützlich:

Das ist ein [Referenz-Link][1] und das ist [ein anderer][github].

Sie können auch [den Link-Text selbst] als Referenz verwenden.

[1]: https://www.google.com
[github]: https://github.com
[den Link-Text selbst]: /

Ergebnis:

Das ist ein Referenz-Link und das ist ein anderer.

Sie können auch den Link-Text selbst als Referenz verwenden.

Automatische Links

Markdown kann automatisch Links für URLs und E-Mail-Adressen erstellen:

https://www.google.com
[email protected]

Ergebnis:

Interne Links

Zu Überschriften verlinken

Sie können zu Überschriften innerhalb desselben Dokuments verlinken:

[Zur grundlegenden Syntax gehen](#grundlegende-link-syntax)
[Zu Beispielen springen](#beispiele)

Regeln für Überschrifts-Links:

  • In Kleinbuchstaben umwandeln
  • Leerzeichen durch Bindestriche ersetzen
  • Sonderzeichen entfernen

Zu anderen Seiten verlinken

[Markdown Hyperlinks](/markdown-guide/hyperlink)

Ergebnis: Markdown Hyperlinks

Bewährte Praktiken für Links

1. Beschreibenden Link-Text verwenden

❌ Das nicht tun:

Klicken Sie [hier](https://example.com), um unsere Website zu besuchen.
Lesen Sie mehr [hier](https://example.com/blog).

✅ Das stattdessen tun:

Besuchen Sie unsere [Unternehmenswebsite](https://example.com).
Lesen Sie unseren [neuesten Blogbeitrag](https://example.com/blog).

2. Link-Text prägnant halten

❌ Zu lang:

[Klicken Sie hier, um unsere erstaunliche Website mit vielen tollen Inhalten zu besuchen](https://example.com)

✅ Genau richtig:

[Besuchen Sie unsere Website](https://example.com)

3. Referenz-Links für Lesbarkeit verwenden

Wenn Sie viele Links haben, hält der Referenz-Stil den Inhalt lesbar:

Ich liebe es, [Markdown][md] zum Schreiben von Dokumentation zu verwenden.
Es funktioniert großartig mit [GitHub][gh] und [GitLab][gl].
[md]: https://daringfireball.net/projects/markdown/
[gh]: https://github.com
[gl]: https://gitlab.com

Spezielle Link-Typen

E-Mail-Links

[Schreiben Sie mir](mailto:[email protected])
[E-Mail mit Betreff](mailto:[email protected]?subject=Hallo)

Telefon-Links

[Rufen Sie uns an](tel:+1-555-123-4567)

Barrierefreiheits-Tipps

1. Externe Links kennzeichnen

Lassen Sie Benutzer wissen, wenn Links zu externen Seiten führen:

[Besuchen Sie Google](https://www.google.com) (externer Link)

2. Dateitypen beschreiben

Wenn Sie zu Dateien verlinken, erwähnen Sie das Format:

[Bericht herunterladen](bericht.pdf) (PDF, 2MB)

Links sind essentiell, um Ihren Inhalt mit dem breiteren Web zu verbinden. Meistern Sie diese Techniken und Ihre Markdown-Dokumente werden ansprechender und nützlicher!

Möchten Sie lernen, wie man Aufgabenlisten erstellt? Schauen Sie sich als nächstes unseren Checkbox-Leitfaden an.