Markdown Toolbox Logo Markdown Toolbox
บ้าน
บล็อก

วิธีการเพิ่มคำบรรยายภาพในมาร์กดาวน์ (Markdown) จะทำได้อย่างไร?

2023-12-18

การเพิ่มคำบรรยายให้กับภาพใน Markdown สามารถเพิ่มความเข้าใจและบริบทของภาพได้ ในขณะที่ Markdown มาตรฐานไม่ได้สนับสนุนคำบรรยายภาพโดยตรง แต่มีวิธีที่จะรวมมันเข้าไว้ด้วยกัน

การใช้ข้อความ Alt เป็นคำบรรยาย

วิธีที่ง่ายที่สุดคือการใช้ข้อความ alt ของภาพเพื่อทำหน้าที่เป็นคำบรรยาย:

![นี่คือคำบรรยายภาพ](image-url.jpg)

สิ่งนี้จะถูกเรนเดอร์เป็นภาพพร้อมกับข้อความ alt ซึ่งสามารถทำหน้าที่เป็นคำบรรยาย

วิธี HTML

สำหรับคำบรรยายที่ชัดเจนมากขึ้น คุณสามารถใช้แท็ก HTML:

<figure>
    <img src="image-url.jpg" alt="Alt text" />
    <figcaption>นี่คือคำบรรยายภาพ</figcaption>
</figure>

วิธีนี้จะเรนเดอร์ภาพพร้อมกับคำบรรยายด้านล่าง ภาพ <figure> เป็นองค์ประกอบ HTML ที่มีความหมายใช้เพื่อแสดงเนื้อหาที่เป็นอิสระ โดยทั่วไปจะมีคำบรรยาย (<figcaption>) และเหมาะสำหรับภาพ

ตัวสร้าง Markdown ที่รองรับคำบรรยาย

ตัวสร้าง Markdown หรือส่วนขยายบางตัวรองรับไวยากรณ์สำหรับคำบรรยายภาพ ตัวอย่างเช่น Pandoc มีไวยากรณ์สำหรับภาพที่มีคำบรรยาย ตรวจสอบว่าบทความ Markdown ของคุณมีคุณสมบัติเช่นนี้อยู่หรือไม่

โปรดจำไว้ว่า รูปลักษณ์ของคำบรรยายอาจแตกต่างกันไปตามตัวสร้าง Markdown หรือแพลตฟอร์มที่คุณกำลังใช้งาน ดังนั้นจึงเป็นเรื่องสำคัญที่จะต้องทดสอบว่าข้อความของคุณเรนเดอร์ในสภาพแวดล้อมที่ตั้งใจไว้อย่างไร