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.