So unterstreichen Sie im Markdown
Die vollständige Anleitung zum Unterstreichen im Markdown. Erfahren Sie, wie Sie Wörter unterstreichen und Unterstreichungen im Markdown formatieren, damit nach der Veröffentlichung alles korrekt angezeigt wird.
Im Gegensatz zur Fett- und Kursivformatierung ist in der Sprache keine native Markdown-Unterstreichungssyntax integriert. Markdown wurde so konzipiert, dass es sich eng an HTML anlehnt, und da unterstrichener Text im Web leicht mit Hyperlinks verwechselt werden kann, haben die Entwickler ihn absichtlich weggelassen.
Das bedeutet nicht, dass Sie kein Glück haben. Abhängig von der von Ihnen verwendeten Plattform und davon, wie viel Kontrolle Sie über die gerenderte Ausgabe haben, gibt es mehrere zuverlässige Möglichkeiten zum Unterstreichen im Markdown.
In dieser Anleitung wird jede Methode erläutert, damit Sie Markdown-Text in jeder Situation unterstreichen können.
Warum Markdown keine Unterstreichungssyntax hat
Markdown wurde 2004 von John Gruber als einfache Möglichkeit zum Schreiben von Inhalten entwickelt, die sauber in HTML konvertiert werden können. Fett verwendet doppelte Sternchen, kursiv einzelne Sternchen und durchgestrichen werden in einigen Varianten Tilden verwendet. Aber auf Unterstreichung wurde bewusst verzichtet.
Die Begründung ist praktisch. Im Web signalisiert unterstrichener Text fast immer einen anklickbaren Link. Wenn Markdown eine native Unterstreichung ermöglichen würde, würden die Leser ständig unterstrichene Wörter mit Hyperlinks verwechseln, was zu einem verwirrenden Erlebnis führen würde. Aus demselben Grund raten auch die meisten Styleguides für Webinhalte von Unterstreichungen ab.
Dennoch gibt es legitime Fälle, in denen Sie Text im Markdown unterstreichen müssen, z. B. bei wissenschaftlichen Texten, formellen Dokumenten oder Plattformen, auf denen Links anders gestaltet sind.
So unterstreichen Sie Markdown mit HTML
Die am weitesten verbreitete Methode zum Unterstreichen von Markdown-Text ist die direkte Verwendung des HTML-Tags „“:
This is <u>underlined text</u> in a sentence.
Dies wird wie folgt wiedergegeben: Dies ist unterstrichener Text in einem Satz.
Da die meisten Markdown-Parser Inline-HTML zulassen, funktioniert dieser Ansatz auf GitHub, GitLab, Jupyter Notebooks und vielen statischen Site-Generatoren. Dies ist die einfachste Antwort für alle, die nach Möglichkeiten suchen, eine Markdown-Unterstreichungssyntax zu erstellen, auch wenn dabei technisch gesehen HTML und kein reiner Markdown verwendet wird.
Wenn das Tag „“ möglicherweise nicht funktioniert
Einige Plattformen entfernen aus Sicherheitsgründen HTML-Tags. Discord, Slack und bestimmte CMS-Editoren ignorieren oder entfernen „“-Tags vollständig. Wenn Sie in einer dieser Umgebungen arbeiten, benötigen Sie einen anderen Ansatz.
Verwenden von CSS zum Unterstreichen von Text in Markdown
Wenn Sie Zugriff auf benutzerdefinierte Stile haben, bietet Ihnen CSS die größte Flexibilität. Sie können ein „“-Tag mit einem Inline-Stil verwenden:
This is <span style="text-decoration: underline;">underlined text</span> in a sentence.
Alternativ können Sie, wenn Sie das Stylesheet für Ihre Site oder Dokumentation steuern, eine benutzerdefinierte Klasse definieren:
.underline {
text-decoration: underline;
}
Dann verwenden Sie es in Ihrem Markdown:
This is <span class="underline">underlined text</span> in a sentence.
Diese Methode eignet sich ideal für Blogs, Dokumentationsseiten und jede Umgebung, in der Sie CSS verwalten. Dadurch bleibt Ihr Markdown sauberer als bei Inline-Stilen und Sie erhalten eine konsistente Formatierung im gesamten Projekt.
Markdown-Unterstreichung auf bestimmten Plattformen
Verschiedene Plattformen handhaben die Unterstreichungsformatierung auf unterschiedliche Weise. Hier erfahren Sie, wie Sie in den häufigsten Umgebungen vorgehen.
GitHub
GitHub Flavored Markdown unterstützt Inline-HTML, sodass das Tag „“ in README-Dateien, Issues, Pull-Request-Beschreibungen und Kommentaren funktioniert. Dies macht es zur einfachsten Markdown-Unterstreichungsmethode für GitHub-Benutzer.
Jupyter-Notizbücher
Jupyter rendert Markdown-Zellen mit vollständiger HTML-Unterstützung. Sowohl das „“-Tag als auch CSS-basierte Ansätze funktionieren zuverlässig. Sie können auch das Tag „“ verwenden, das eingefügten Text semantisch darstellt, aber standardmäßig mit einer Unterstreichung gerendert wird:
This is <ins>underlined text</ins> in a notebook.
Discord und Slack
Weder Discord noch Slack unterstützen Unterstreichungs-Markdown nativ. Discord verwendet eine eigene Markdown-Variante, die jedoch keine Unterstreichungssyntax enthält. Slack verwendet vollständig ein eigenes Formatierungssystem. In beiden Fällen gibt es innerhalb der Nachrichteneingabe selbst keine Problemumgehung.
Obsidian- und Notizen-Apps
Einige Notizen-Apps wie Obsidian unterstützen benutzerdefinierte CSS-Snippets. Wenn Ihre App dies zulässt, können Sie in Ihrem CSS eine Unterstreichungsklasse definieren und in Ihren Notizen darauf verweisen. Weitere Informationen zum Aktivieren benutzerdefinierter Stile finden Sie in der Dokumentation Ihrer spezifischen App.
Verwenden des „“-Tags als Alternative
Das „“-Tag ist ein HTML-Element, das Text darstellt, der in ein Dokument eingefügt wurde. Browser stellen es standardmäßig mit einer Unterstreichung dar, was es zu einer semantischen Alternative zum „“-Tag macht:
The meeting is on <ins>Thursday</ins>, not Wednesday.
Der Unterschied zwischen „“ und „“ liegt hauptsächlich in der Bedeutung. Verwenden Sie „“, wenn Sie lediglich eine visuelle Unterstreichung wünschen. Verwenden Sie „“, wenn Sie angeben möchten, dass Text hinzugefügt oder geändert wurde, z. B. in einer Revision oder einem Bearbeitungsverlauf.
Beide Tags erzeugen in den meisten Markdown-Parsern, die HTML unterstützen, das gleiche visuelle Ergebnis.
Problemumgehungen, wenn HTML nicht unterstützt wird
Wenn Sie auf einer Plattform arbeiten, die HTML-Tags entfernt und keine Unterstreichungsunterstützung bietet, sind Ihre Möglichkeiten begrenzt. Hier sind einige häufig verwendete Problemumgehungen:
Gefälschte Unterstreichung mit Unicode-Zeichen. Sie können Unicode-Kombinationszeichen verwenden, um eine Unterstreichung zu simulieren. Dies ist jedoch bei allen Schriftarten und Plattformen unzuverlässig und wird im Allgemeinen nicht empfohlen.
Verwenden Sie stattdessen Fett- oder Kursivschrift. Wenn das Ziel lediglich darin besteht, die Aufmerksamkeit auf einen bestimmten Text zu lenken, kann die Formatierung in Fett- oder Kursivschrift denselben Zweck erfüllen, ohne dass eine Unterstreichung erforderlich ist.
Fügen Sie eine Anmerkung in Klammern hinzu. In Klartextumgebungen weisen einige Autoren auf Hervorhebungen hin, indem sie nach dem relevanten Text eine Anmerkung wie „(Hervorhebung von mir)“ hinzufügen.
Keines davon ist ein echter Ersatz für Markdown-Unterstreichungstext, aber sie können in eingeschränkten Umgebungen hilfreich sein.
Kurzreferenz
Hier ist eine Zusammenfassung aller Methoden zum Unterstreichen von Text im Markdown:
<u>text</u>ist die einfachste und am weitesten verbreitete Methode.<ins>text</ins>ist eine semantische Alternative, die auch als unterstrichen dargestellt wird.- CSS mit „“-Tags bietet die größte Kontrolle bei der Verwaltung des Stylesheets.
- Es gibt keine native Markdown-Unterstreichungssyntax, daher basieren alle Methoden auf HTML oder plattformspezifischen Funktionen.
- GitHub und Jupyter unterstützen HTML-basierte Unterstreichung.
- Discord und Slack unterstützen keinerlei Form der Unterstreichungsformatierung.
Abschließende Gedanken
Das Fehlen einer integrierten Markdown-Unterstreichungssyntax ist eine bewusste Designentscheidung und kein Versehen. Bei den meisten Webinhalten sorgt das Vermeiden von Unterstreichungen dafür, dass Ihr Text klar bleibt und Verwechslungen mit Links vermieden werden. Wenn Sie jedoch Text im Markdown unterstreichen müssen, ist das Tag „“ die schnellste und portabelste Lösung. Wählen Sie die Methode, die zu Ihrer Plattform passt, achten Sie auf die Lesbarkeit und Ihre Dokumente werden genau so aussehen, wie Sie es möchten.