แบบรูปภาพ HTML <img> 屬件 longdesc
คำนิยามและวิธีใช้
longdesc
ตัวแปรกำหนดลิงก์ที่จะไปยังรายละเอียดภาพ
รายละเอียด
ของแทร็ก <img> longdesc
ตัวแปร alt เช่นเดียวกัน แต่มันอนุญาตให้มีรายละเอียดยาวขึ้นlongdesc
ค่าของมันเป็น URL ที่หนุ่มหนาวไปยังเอกสารที่มีรายละเอียดภาพ longdesc
ตัวแปรนี้เพื่อตั้งลิงก์ที่จะไปยังมัน
ไม่มีการกำหนดใน HTML หรือ XHTML ว่ารายละเอียดจะต้องเป็นอะไร และตอนนี้ทั้งหมดเฉพาะบราวเซอร์ยังไม่สนับสนุน longdesc
ตัวแปรนี้ ดังนั้นคำแนะนำของเราสำหรับการสร้างรายละเอียดใหญ่ๆ คือ สร้างลิงก์ไปยังหน้าที่มีรายละเอียดเกี่ยวกับภาพ
alt
ตัวแปรนี้มีประโยชน์มากต่อผู้ป่วยที่มีความประพฤติทางร่างกาย และอีกเหตุผลที่เห็นได้ชัดเจนอีกด้วยlongdesc
ตัวแปรนี้ดูเหมือนจะเป็นตัวเลือกที่ดีกว่า。
ตัวอย่าง
เหตุอย่างไรที่จะใช้ตัวแปร longdesc ในตัวอย่างเช่นนี้:
<!-- รายละเอียดนี้อยู่บนหน้าเดียวกับภาพ --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained"> <!-- รายละเอียดนี้อยู่บนหน้านอก --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt"> <!-- รายละเอียดนี้เป็นหนึ่งในรายละเอียดหลายรายละเอียดในหน้านอก --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3"> <!-- รายละเอียดนี้มีอยู่ใน data:URI --> <img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="data:text/html;charset=utf-8;,%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Ctitle%3EDescription%20of%20the%20Logo%3C/title%3E%3C/head%3E%3Cbody%3E%3Cp%3ESome%20description%20goes%20here%3C/body%3E%3C/html%3E">
ระบบการใช้
<img longdesc="string">
ค่าของอาทิตย์
ค่า | คำอธิบาย |
---|---|
string |
กำหนดส่งข้อมูลลิงก์เพื่อการอธิบายรายละเอียดของภาพ ค่าที่เป็นไปได้:
|
การสนับสนุนโปรแกรมบราวเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
ไม่สนับสนุน | ไม่สนับสนุน | ไม่สนับสนุน | ไม่สนับสนุน | ไม่สนับสนุน |