Wie man Links und Tooltips in Markdown anpasst

Der Markdown-Editor unterstützt die Standard-Linksyntax und über Inline-HTML eine Reihe von Verbesserungen – Tooltips zum Hover-Text, Link-Styling, Öffnen von Links in neuen Tabs sowie benutzerdefinierte Symbole oder Emojis. Dieser Artikel behandelt all diese Techniken.

Wann man diese Techniken anwenden sollte

Interne Ankerlinks – helfen Lesern, in einen bestimmten Abschnitt eines langen Artikels zu springen, ohne zu scrollen.
Cross-Artikel-Links – verbinden Sie verwandte Artikel in Ihrer Wissensdatenbank, um die Leser durch ein Thema zu führen.
Tooltips – erklären Sie Abkürzungen, Fachbegriffe oder optionale Details direkt im Text, ohne die Seite zu überladen.
Stilierte Links – verwenden Sie fettgedruckten oder kursiven Linktext, um auf wichtige Referenzen aufmerksam zu machen.
Im neuen Tab öffnen – behalten Sie die Leser beim aktuellen Artikel, während sie im Hintergrund eine Referenz öffnen können.
Symbole und Emojis – fügen visuelle Signale zu Aufrufen, Beschriftungen oder Statusanzeigen hinzu.

Kurze Referenz

Ziel	Syntax
Interne Ankerverbindung	`[Link text](#heading-slug)`
Querartikel-Link	`[Link text](../article-slug)`
Link mit Tooltip	`[Link text](#section "Tooltip text")`
Fettgedruckter Linktext	`[Bold text](url)`
Kursiver Linktext	`[_Italic text_](url)`
Im neuen Tab öffnen	`<a href="url" target="_blank">Link text</a>`
Hover-Tooltip auf Text	`<span title="Full term">Abbreviation</span>`
Inline-Emoji	Direkt einfügen — 📌 ⚠️ ✅
Inline-Symbol aus der URL	`<img src="icon-url" width="16" height="16"> Label`

Wie man Links in Markdown einfügt

Interne Ankerlinks

Ein interner Anker-Link führt die Leser zu einer bestimmten Überschrift innerhalb desselben Artikels.

Füge deinem Aufsatz eine Überschrift hinzu. Zum Beispiel:
```
## How it works
```
Erstellen Sie den Link mit diesem Muster:
- Link Text in eckigen Klammern [ ]
- # gefolgt vom Überschriftstext in Klammern ( )
- Konvertiere die Überschrift in Kleinbuchstaben und ersetze Leerzeichen durch Bindestriche
```
[Jump to How it works](#how-it-works)
```
Wenn ein Leser auf diesen Link klickt, wird er direkt zum Abschnitt ## How it works geführt.

PRO-TIPP

Ankerlinks sind groß- und kleinschreibungsunempfindlich und Leerzeichen werden automatisch zu Bindestrichen. Entferne alle Sonderzeichen aus der Kopfzeile, bevor du den Anker-Slug baust.

Querartikel-Links

Um auf einen anderen Artikel in Ihrer Wissensdatenbank zu verlinken, verwenden Sie den vorangestellten Artikel mit ../ Slug, um eine Stufe vom aktuellen Artikelstandort nach oben zu gehen.

[Go to Getting Started](../getting-started)

Dieser Link geht eine Stufe höher als der aktuelle Artikel und öffnet den Getting Started Artikel.

Hinzufügen eines Tooltips zu einem Link

Fügen Sie einen Tooltip hinzu, der beim Hover erscheint, indem Sie den Tooltip-Text in Anführungszeichen nach dem Linkziel in Klammern setzen.

[Troubleshooting guide](#troubleshooting "Click to view troubleshooting section")

Mit der Maus über die Linkanzeigen fahren: Klicken Sie, um den Bereich zur Fehlerbehebung anzusehen.

Styling-Linktext

Wende fette oder kursive Formatierung auf Verlinkungstexte an, indem du den Text in eckige Klammern mit der Standard-Markdown-Syntax wickelst.

[**Important update**](../release-notes)
[_Read the guide_](../setup-guide)

Markdown editor showing a bold link and an italic link rendered in the article preview.

Öffnen eines Links in einem neuen Tab

Standardmäßig öffnen Markdown-Links im selben Tab. Verwenden Sie stattdessen ein HTML-Tag <a> , target="_blank" um den Link in einem neuen Tab zu öffnen.

<a href="https://docs.document360.com/docs/getting-started" target="_blank">Go to Getting Started</a>

Wie man Hover-Tooltips zum Text fügt

Verwenden Sie das HTML-Tag <span> mit einem title Attribut, um einen Tooltip anzuzeigen, wenn ein Leser über ein Wort oder eine Phrase fährt – nicht nur über Links.

<span title="display-text">term</span>

Beispiel – erweitere eine Abkürzung auf Hover:

<span title="Search Engine Optimization">SEO</span>

Mit der Maus über SEO-Anzeigen : Suchmaschinenoptimierung.

Markdown editor showing the span title code snippet for the SEO tooltip example.

Ergebnis:

Rendered article showing the SEO abbreviation with a tooltip displaying Search Engine Optimization on hover.

Wie man Symbole und Emojis hinzufügt

Verwendung von Emojis

Kopieren und fügen Sie Emojis direkt in Ihre Inhalte ein. Sie werden inline ohne zusätzliche Syntax wiedergegeben.

📌 Important note
⚠️ Caution
✅ Completed

Verwendung von Symbolen aus einer URL

Verwenden Sie ein HTML-Tag <img> , um ein Symbol aus einer externen URL einzufügen, die in Ihren Text liegt.

<img src="https://img.icons8.com/color/48/000000/info.png" width="16" height="16"> Information

Ersetzen Sie die URL, width, height, und beschriften Sie den src Text durch Ihre benötigten Werte.

Markdown editor showing an inline icon rendered next to text using an HTML img tag with an external URL.

Best Practices

Verwenden Sie beschreibenden Linktext – vermeiden Sie "hier klicken" oder "mehr lesen". Verwenden Sie Text, der den Lesern sagt, wohin der Link führt, wie zum Beispiel "Startleitfaden" oder "API-Referenz".
Teste Ankerlinks nach dem Bearbeiten der Überschriften – wenn du eine Überschrift umbenimmst, brechen alle darauf verweisenden Ankerlinks. Aktualisiere den Slug in allen Links, die auf die Überschrift verweisen.
Verwenden Sie Tooltips für Abkürzungen, nicht für Definitionen – Tooltips werden nur im Hover gelesen und sind nicht für alle Nutzer zugänglich. Für wichtige Definitionen fügen Sie die Erklärung im Haupttext hinzu.
Halten Sie die Verwendung von Emojis und Symbolen konsistent – einigen Sie sich auf eine kleine Auswahl an Symbolen oder Emojis für Ihre Wissensdatenbank (zum Beispiel ⚠️ für Warnungen, ✅ für abgeschlossene Schritte) und verwenden Sie sie konsistent in Artikeln.

Documentation Index