Anzeige
Anzeige
UX & Design

Markdown: Simple Markup-Sprache für sauberes HTML und mehr

Im Gegensatz zu proprietären Formaten wie Microsoft Word oder Apple Pages hat schlichter Plaintext diverse Vorteile: Plaintext wird in jedem Editor, jedem Post, jeder E-Mail und mit jedem Betriebssystem gleich gut dargestellt. Allerdings ist formatierter Plaintext wie z.B. XHTML im Quellcode oft ziemlich unübersichtlich. Hier kommt Markdown als einfache Auszeichnungssprache ins Spiel. Wie und warum Markdown eine flexible Alternative für strukturierte Texte sein kann, stellen wir euch im Folgenden kurz vor.

Von Monika Steinberg
3 Min.
Artikel merken
Anzeige
Anzeige
Markdown

Markdown-Editor für Mac: Mou

Flexibler Plaintext leicht zu lesen und zu schreiben

Markdown ist eine vereinfachte Auszeichnungssprache von John Gruber und Aaron Swartz unter BSD-Lizenz, die ähnlich einer Wiki-Syntax leicht zu lesen und zu schreiben ist. Vor allem im Web wird Markdown oft verwendet von z.B. Content Management Systemen wie Drupal oder in Blogs wie Posterous, WordPress und Tumblr. Auch GitHub nutzt einen Markdown-Dialekt.

Anzeige
Anzeige

Ein Ziel von Markdown ist, dass schon der Quellcode überall ohne weitere Tools als Plaintext leicht lesbar ist. Daher verwendet Markdown für die Auszeichnung seiner Elemente vor allem Auszeichnungsarten, die aus Plaintext und E-Mails bekannt sind. Auch andere ähnliche leichte Auszeichnungssprachen wie reStructuredText oder Textile hatten Einfluss auf die Markdown-Syntax.

Markdown Syntax Cheatsheet

Wer schon mal versucht hat, mit Word HTML-Seiten zu exportieren, weiß sicher einen weiteren großen Vorteil von Markdown zu schätzen: Aus Markdown ist es leicht möglich, sehr sauberes HTML ohne überflüssig verschachtelte und ungeschlossene HTML-Tags zu generieren. Über Markdown-Erweiterungen wie MultiMarkdown sind auch andere Ausgabeformate wie PDF oder LaTex möglich. PHP Markdown Extra erweitert den Umfang von Markdown noch um zusätzliche Inline-HTML-Elemente.

Anzeige
Anzeige

Hier die Vorteile von Markdown auf einen Blick:

Anzeige
Anzeige
  • Einfache Syntax für Formatierung und beschleunigter Workflow über Plaintext.
  • Schnelle Formatierung ohne Overhead wie z.B. bei manuell gecodetem oder in WYSIWYG-Editoren erstelltem HTML.
  • Sauberes und schnell erzeugtes HTML.
  • Portable Cross-Plattform Dokumente mit kleiner Dateigröße, die in jedem Texteditor angezeigt und editiert werden können.
  • Flexible Ausgabeformate über HTML, Webposts, Richtext in E-Mails oder Textverarbeitungsprogrammen sowie Konvertierung in weitere proprietäre Formate wie PDF.

Tools für Markdown

Markdown ist eine generische Syntax für Plaintext und es bedarf eigentlich keines besonderen Tools für Markdown-Texte. Jeder normale Texteditor kann für Markdown-Syntax verwendet werden. Wenn man Markdown gern einfach in HTML konvertieren möchte, bietet sich die Referenzimplementierung als Perl-Skript an, die den Plaintext in HTML konvertiert. Außerdem gibt es einige extra Markdown-Texteditoren wie z.B. MarkdownPad für Windows oder Mou für Mac. Weitere Implementierungen sind in allen möglichen Programmiersprachen verfügbar wie z.B. WMD in JavaScript,  PHP Markdown oder BlueCloth in Ruby.

Markdown-Editor für Windows: MarkdownPad

Online kann man Markdown auf der Entwicklerwebsite von John Gruber als Markdown Dingus ausprobieren.

Anzeige
Anzeige

Markdown Online-Editor Dingus

Als Plugin für jeden Mac-Editor kann Markdown mit Multi-Markdown-Unterstützung über die Marked App für 3,99 US-Dollar installiert werden. Mit den Markdown Service Tools für Mac kann man sich Markdown Helferlein als OS X Services für alle Cocoa-basierten Anwendungen installieren. Für den Schnellzugriff auf die Markdown-Services lassen sich auch Tastaturkürzel konfigurieren.

Auszeichnungsbeispiele mit Markdown

Markdown verwendet für die Textauszeichnung überwiegend Satzzeichen. Übliche Formatbefehle werden mit einem Backslash maskiert. Das Sternsymbol (Asterisk oder *) am Zeilenanfang wird z.B. als Aufzählungszeichen interpretiert. Will man wirklich ein Sternchen schreiben, schreibt man einen Backslash davor: \*. Bei Bedarf an komplexeren Auszeichnungen kann man Markdown auch beliebig mit XHTML-Elementen mischen. Hier ein paar einfache Beispiele für die Formatierung mit Markdown:

Normaler Text wird dargestellt wie eingegeben.

Anzeige
Anzeige

Eine Leerzeile erzeugt einen Absatz.

*Kursiv*, **Fett** und ***Fett kursiv***

Markiert Text als `Quelltext`

Anzeige
Anzeige

# Überschrift in Ebene 1

#### Überschrift in Ebene 4

[t3n](https://t3n.de/ "t3n")

Anzeige
Anzeige

Alternativen und Erweiterungen zu Markdown

Markdown ist zurzeit sicherlich die am meisten verbreitete vereinfachte Auszeichnungssprache im Web. Aber es gibt noch ein paar ähnliche Alternativen und Erweiterungen:

  • reStructuredText: eine ähnliche vereinfachte Markup-Sprache.
  • Textile: eine weitere ähnliche vereinfachte Markup-Sprache.
  • Markdown Extra: erweitertes Markdown mit mehr Funktionalitäten.
  • MultiMarkdown: weiteres erweitertes Markdown mit mehr Syntax-Features und Exportoptionen.
  • Asciidoc: eine weitere vereinfachte Markup-Sprache die viele Dokumenttypen unterstützt.

Weiterführende Links:

Bildnachweis für die Newsübersicht: pippoapg / flickr.com, Lizenz: CC-BY

Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Kommentare (5)

Community-Richtlinien

Alex

Das kommt ja wie gerufen. Schreibe gerade an einem Projekt indem Markdown zum Einsatz kommt. Und die JS Lösung kannte ich noch gar nicht.

Monika Steinberg

@Alex Das freut uns! Weitere Tipps sind auch immer gern willkommen ;)

Alex

Jetzt hab ich’s! Auf webkrauts gab es auch einen Artikel zum Thema:
Konzentriert und strukturiert Texten

Monika Steinberg

@Alex Danke! Eine schöne Ergänzung! :)

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Kommentar abgeben

Melde dich an, um Kommentare schreiben und mit anderen Leser:innen und unseren Autor:innen diskutieren zu können.

Anmelden und kommentieren

Du hast noch keinen t3n-Account? Hier registrieren

Anzeige
Anzeige