Pembuat Tautan Markdown

Masukkan URL tautan dan teks tautan, lalu alat ini akan menghasilkan sintaks tautan Markdown yang rapi, [text](url), dengan opsi tooltip judul serta varian gaya referensi yang memindahkan URL keluar dari paragraf. Sangat berguna saat Anda menyalin URL panjang berisi parameter pelacakan dan ingin menjaga paragraf tetap mudah dibaca tanpa merusak tautan.

Cara Membuat Tautan Markdown

  1. 1

    Tempel URL

    Absolut atau relatif. Alat ini akan meng-encode spasi dan karakter khusus ke format URL.

  2. 2

    Ketik teks tautan

    Bagian yang dilihat pembaca sebagai teks yang dapat diklik.

  3. 3

    Tambahkan judul (opsional)

    Muncul saat kursor diarahkan ke atasnya di sebagian besar penyaji (renderer).

  4. 4

    Pilih gaya

    Gaya inline `[text](url)` atau referensi `[text][ref]` sesuai definisi di bawah ini.

  5. 5

    Salin dan tempel

    Salin dengan satu klik ke dokumen atau README Anda.

Empat varian tautan

Inline, tanpa judul:

[Baca dokumentasi](https://example.com/docs)

Inline dengan judul (tooltip saat kursor diarahkan):

[Baca dokumentasi](https://example.com/docs "Dokumentasi lengkap")

Gaya referensi (URL didefinisikan di bawah):

Buka [dokumentasi][docs] atau [catatan perubahan][cl].

[docs]: https://example.com/docs
[cl]:   https://example.com/changelog

Tautan otomatis (URL sekaligus menjadi teks dan tujuan):

<https://example.com>

Kapan memilih yang mana

  • Inline untuk tautan sesekali dengan URL pendek dan paragraf yang tetap enak dibaca.
  • Gaya referensi ketika Anda mengutip URL yang sama beberapa kali, atau ketika URL adalah rangkaian pelacakan raksasa sepanjang 200 karakter yang jika dibiarkan akan merusak alur paragraf.
  • Tautan otomatis untuk kalimat seperti “ini halaman dokumentasi kami”, saat Anda benar-benar ingin URL tampil sebagai teks sekaligus sebagai tujuan.

Penanganan karakter khusus

  • Spasi di dalam URL memerlukan %20, jika tidak tautan akan putus di posisi spasi.
  • Tanda kurung di dalam URL perlu di-encode URL menjadi %28 dan %29, jika tidak parser Markdown akan menelannya.
  • Tanda kurung siku pada teks tautan harus di-escape menjadi \[ dan \] agar parser tidak menganggapnya sebagai sintaks tautan bersarang.

Tips aksesibilitas

  • Hindari “klik di sini”. Teks tautan seperti klik di sini atau baca selengkapnya tidak berguna ketika pengguna pembaca layar menelusuri tautan dengan tombol Tab. Gunakan teks deskriptif: [panduan instalasi](...).
  • Jangan gunakan URL itu sendiri sebagai teks tautan untuk URL yang panjang, hal ini tidak ramah bagi teknologi bantu dan terlihat buruk saat dicetak.
  • “Buka di tab baru” adalah HTML mentah (target="_blank"), bukan Markdown. Sebagian besar penyaji yang menerima HTML mentah akan menghormatinya; CommonMark murni tidak.

Pintasan satu baris

Di komentar GitHub, menempelkan URL di samping teks yang dipilih akan otomatis mengubahnya menjadi tautan Markdown. Praktis saat Anda sudah berada di dalam editor.

Pertanyaan yang Sering Diajukan

Tidak. target="_blank" memerlukan HTML mentah. Sebagian besar penyaji Markdown mengizinkan opsi cadangan HTML: <a href="..." target="_blank" rel="noopener">text</a>.

Sebagai tooltip yang muncul saat kursor diarahkan ke atasnya di peramban desktop. Sebagian besar pembaca layar tidak membacanya dan perangkat sentuh mengabaikannya, jadi jangan menaruh informasi penting di sana.

Ketika URL yang sama muncul beberapa kali, ketika URL panjang (parameter pelacakan, UUID), atau ketika Anda ingin mengumpulkan semua tautan di bagian bawah dokumen agar lebih mudah dipelihara.

Ya, di sebagian besar penyaji. [dokumen lain](./other.md) menautkan ke file lain dalam folder yang sama. Perilakunya berbeda antara GitHub, Obsidian, dan generator situs statis, ujilah di lingkungan tujuan Anda.

Alat Terkait

Alat ini tersedia dalam bahasa lain