Vad är Markdown? En fullständig förklaring av det lätta märkningsspråket
Snabbt svar
Markdown är ett plain-text markup-språk som använder enkla symboler: # för headings, ** för bold, * för italic, - för listor, [text](url) för länkar. Det är designat för att vara läsbart som plain text och konverterbart till HTML. Använd vår gratis Markdown to HTML Converter.
Introduktion
Markdown är ett lättviktigt markup-språk skapat av John Gruber 2004 som använder plain-text-formatering för att producera strukturerade dokument. Målet är läsbarhet —Markdown-källtext bör se ut som vad den representerar, utan den visuella röran av HTML-taggar. Markdown är standarden för README-filer på GitHub, dokumentationswebbplatser, bloggposter och anteckningsappar som Obsidian och Notion.
Steg för steg
-
Lär dig den grundläggande syntaxen
Rubriker: # H1, ## H2, ### H3. Fet: **text**. Kursiv: *text*. Listor: - objekt eller 1. objekt. Länkar: [text](url). Bilder: . Kod: `inline` eller ```block```. Blockquotes: > citat. Horisontell regel: ---.
-
Förstå filosofin
Markdown är designad för att kunna läsas som vanlig text. Källan ska se ut nära den slutliga renderade utdatan — **fet** ser ut som fetstil, # Rubrik ser ut som en rubrik. Detta står i kontrast till HTML, där <strong>fet</strong> och <h1>Rubrik</h1> är visuellt röriga.
-
Lär dig varianterna
Original Markdown (Grubers spec) är minimal. CommonMark är en standardiserad, välspecificerad version. GitHub Flavored Markdown (GFM) lägger till tabeller, genomstrykning, uppgiftslistor och autolänkar. MDX låter dig bädda in React-komponenter i Markdown. De flesta verktyg stöder GFM.
-
Konvertera Markdown till HTML
Markdown konverteras till HTML för webbpublicering. # Hej blir <h1>Hej</h1>, **fet** blir <strong>fet</strong>. Statiska webbplatsgeneratorer (Astro, Hugo, Jekyll) konverterar Markdown vid byggtiden. Använd vår Markdown to HTML Converter för omedelbar konvertering.
Exempel
Rubrik och stycke
Input: # Titel
Ett stycke.
Produktion: <h1>Title</h1>
<p>A paragraph.</p>
Fet och kursivt
Input: **fet** och *kursiv*
Produktion: <strong>bold</strong> and <em>italic</em>
Länk och bild
Input: [text](https://example.com) and 
Produktion: <a href="https://example.com">text</a> and <img src="image.png" alt="alt">
Vanliga problem
- Radbrytningar — en enda ny rad i Markdown skapar inte en radbrytning i HTML. Använd två blanksteg i slutet av en rad, eller två nyrader för en styckebrytning.
- Kapslade listor – indrag spelar roll. Använd 2 eller 4 blanksteg konsekvent för kapslade objekt; att blanda dem kan bryta liststrukturen.
- Raw HTML — de flesta Markdown-parsare passerar genom rå HTML, men vissa sanerar den. Kontrollera din parsers beteende om du bäddar in HTML direkt.
- Olika smaker – Original Markdown, CommonMark och GFM har subtila skillnader. Kontrollera vilken smak din målplattform stödjer.
Tips
- Använd Markdown för att skriva och dokumentera — det är mycket lättare att läsa och skriva än HTML.
- GitHub Flavored Markdown (GFM) är den vanligaste varianten — den lägger till tabeller, genomstruken och uppgiftslistor.
- Skriv i Markdown och konvertera till HTML vid byggtid för bloggar och dokumentationssajter.
- Använd vår Markdown to HTML Converter för att rendera Markdown direkt i din webbläsare.