แบบรูปภาพ 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

กำหนดส่งข้อมูลลิงก์เพื่อการอธิบายรายละเอียดของภาพ

ค่าที่เป็นไปได้:

  • id อื่นๆ ขององค์ประกอบ
  • URL แบบจริง - หน้าเว็บไซต์อื่น (เช่น longdesc="http://www.example.com/description.txt")
  • URL สัมพันธ์ - หน้าเว็บไซต์ภายใน (เช่น longdesc="description.txt")

การสนับสนุนโปรแกรมบราวเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ไม่สนับสนุน ไม่สนับสนุน ไม่สนับสนุน ไม่สนับสนุน ไม่สนับสนุน