Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ใส่คำอธิบายภาพ (Caption) ให้ Figure Element ใน HTML5


ใช้แท็ก <figcaption> ใส่คำอธิบายสำหรับ <figure> วางได้ทั้งด้านบนหรือด้านล่างใน figure

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <title>HTML figcaption Tag</title>    </head>    <body>       <figure><img src="https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg"/>          <figcaption>Tutorials Point Library of Tutorials</figcaption>       </figure>    </body> </html>

<figcaption> ต้องเป็นลูกแรกหรือลูกสุดท้ายของ <figure> เท่านั้น ช่วยให้ screen readers อธิบายภาพได้ และเพิ่มค่า SEO