Markdown Toolbox Logo Markdown Toolbox
Rumah
Blog

Bagaimana cara menambahkan keterangan gambar dalam Markdown?

2023-12-18

Menambahkan keterangan pada gambar dalam Markdown dapat meningkatkan pemahaman dan konteks gambar tersebut. Meskipun Markdown standar tidak secara langsung mendukung keterangan gambar, ada cara untuk menyertakannya.

Menggunakan Teks Alt sebagai Keterangan

Metode yang paling sederhana adalah menggunakan teks alt dari gambar sebagai keterangan:

![Ini adalah keterangan gambar](image-url.jpg)

Ini akan ditampilkan sebagai gambar dengan teks alt, yang dapat berfungsi sebagai keterangan.

Metode HTML

Untuk keterangan yang lebih eksplisit, Anda dapat menggunakan tag HTML:

<figure>
    <img src="image-url.jpg" alt="Teks alt" />
    <figcaption>Ini adalah keterangan gambar</figcaption>
</figure>

Metode ini menghasilkan gambar dengan keterangan di bawahnya. Tag <figure> adalah elemen HTML semantik yang digunakan untuk mewakili konten mandiri, sering kali dengan keterangan (<figcaption>), dan sangat cocok untuk gambar.

Renderer Markdown dengan Dukungan Keterangan

Beberapa renderer Markdown atau ekstensi mendukung sintaks untuk keterangan gambar. Misalnya, Pandoc memiliki sintaks untuk gambar dengan keterangan. Periksa apakah lingkungan Markdown Anda memiliki fitur tersebut.

Ingat, penampilan keterangan dapat bervariasi tergantung pada renderer Markdown atau platform yang Anda gunakan, jadi penting untuk menguji bagaimana dokumen Anda dirender di lingkungan yang dimaksud.