ความหมายและการใช้งาน
alt แอตทริบิวต์ให้ข้อมูลทางเลือกสำหรับภาพหากผู้ใช้ด้วยเหตุผลบางอย่างไม่สามารถดูได้ (เพราะการเชื่อมต่อช้าข้อผิดพลาดใน src แอตทริบิวต์หรือถ้าผู้ใช้ใช้โปรแกรมอ่านหน้าจอ)
หมายเหตุ: alt แอตทริบิวต์เป็นสิ่งจำเป็นสำหรับ <img> องค์ประกอบ
หมายเหตุ: สำหรับ <input> องค์ประกอบที่ alt แอตทริบิวต์เท่านั้นที่สามารถนำมาใช้กับ <input type="image">
เคล็ดลับ: การสร้างคำแนะนำเครื่องมือสำหรับภาพที่ใช้ title แอตทริบิวต์!
นำไปใช้กับ
alt แอตทริบิวต์ที่สามารถใช้กับองค์ประกอบต่อไปนี้:
| องค์ประกอบ | คุณลักษณะ |
|---|---|
| <area> | alt |
| <img> | alt |
| <input> | alt |
ตัวอย่าง
Area ตัวอย่าง
ภาพแผนที่ที่มีพื้นที่ที่สามารถคลิกได้:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
ลองตัวเอง» Input ตัวอย่าง
HTML ที่ form ที่มีภาพที่แสดงถึงปุ่มส่ง:
<form action="demo_form.asp">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
ลองตัวเอง» สนับสนุนเบราว์เซอร์
alt แอตทริบิวต์มีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
| ธาตุ | |||||
|---|---|---|---|---|---|
| area | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input | Yes | Yes | Yes | Yes | Yes |