Apa itu Markdown? Penjelasan Lengkap tentang Bahasa Markup Ringan
Jawaban Cepat
Markdown adalah bahasa markup teks biasa yang menggunakan simbol sederhana untuk memformat teks: # untuk judul, ** untuk huruf tebal, * untuk miring, - untuk daftar, [teks](url) untuk tautan. Ini dirancang agar dapat dibaca sebagai teks biasa dan dapat diubah menjadi HTML. Gunakan Konverter Penurunan Harga ke HTML gratis kami untuk merender Penurunan Harga di browser Anda.
Perkenalan
Markdown adalah bahasa markup ringan yang dibuat oleh John Gruber pada tahun 2004 yang menggunakan format teks biasa untuk menghasilkan dokumen terstruktur. Sasarannya adalah keterbacaan — Teks sumber penurunan harga akan terlihat seperti apa yang diwakilinya, tanpa kekacauan visual dari tag HTML. Penurunan harga adalah standar untuk file README di GitHub, situs dokumentasi, postingan blog, komentar di platform seperti Reddit dan Stack Overflow, dan aplikasi pencatatan seperti Obsidian dan Notion. Penurunan harga diubah menjadi HTML untuk penerbitan web.
Langkah demi Langkah
-
Pelajari sintaks dasar
Judul: #H1, ## H2, ### H3. Tebal: **teks**. Miring: *teks*. Daftar: - item atau 1. item. Tautan: [teks](url). Gambar: . Kode: `inline` atau ```block```. Blockquote: > kutipan. Aturan horizontal: ---.
-
Pahami filosofinya
Penurunan harga dirancang agar dapat dibaca sebagai teks biasa. Sumber akan terlihat mendekati hasil akhir yang dirender — **tebal** terlihat seperti huruf tebal, # Judul terlihat seperti judul. Hal ini kontras dengan HTML, yang <strong>tebal</strong> dan <h1>Judul</h1> terlihat berantakan.
-
Pelajari variannya
Penurunan Harga Asli (spesifikasi Gruber) minimal. CommonMark adalah versi standar dan ditentukan dengan baik. GitHub Flavored Markdown (GFM) menambahkan tabel, coretan, daftar tugas, dan tautan otomatis. MDX memungkinkan Anda menyematkan komponen React di Markdown. Sebagian besar alat mendukung GFM.
-
Ubah Penurunan Harga menjadi HTML
Penurunan harga diubah menjadi HTML untuk penerbitan web. # Halo menjadi <h1>Halo</h1>, **tebal** menjadi <strong>tebal</strong>. Generator situs statis (Astro, Hugo, Jekyll) mengonversi penurunan harga pada waktu pembuatan. Gunakan Konverter Penurunan Harga ke HTML kami untuk konversi instan.
Contoh
Judul dan paragraf
Masukan: #Judul
Sebuah paragraf.
Keluaran: <h1>Title</h1>
<p>A paragraph.</p>
Tebal dan miring
Masukan: **tebal** dan *miring*
Keluaran: <strong>bold</strong> and <em>italic</em>
Tautan dan gambar
Masukan: [text](https://example.com) and 
Keluaran: <a href="https://example.com">text</a> and <img src="image.png" alt="alt">
Masalah Umum
- Jeda baris —satu baris baru di Markdown tidak membuat jeda baris di HTML. Gunakan dua spasi di akhir baris, atau dua baris baru untuk pemisah paragraf.
- Daftar bersarang — lekukan itu penting. Gunakan 2 atau 4 spasi secara konsisten untuk item bertumpuk; mencampurkannya dapat merusak struktur daftar.
- HTML mentah —sebagian besar parser Markdown melewati HTML mentah, tetapi beberapa melakukan sanitasi. Periksa perilaku parser Anda jika Anda menyematkan HTML secara langsung.
- Rasa yang berbeda —Original Markdown, CommonMark, dan GFM memiliki sedikit perbedaan. Periksa varian mana yang didukung platform target Anda.
Kiat
- Gunakan Markdown untuk menulis dan dokumentasi —lebih mudah membaca dan menulis daripada HTML.
- GitHub Flavored Markdown (GFM) adalah varian yang paling umum — ia menambahkan tabel, coretan, dan daftar tugas.
- Tulis dalam Markdown dan konversikan ke HTML pada waktu pembuatan untuk blog dan situs dokumentasi.
- Gunakan Konverter Markdown ke HTML kami untuk merender Markdown secara instan di browser Anda.