แอตทริบิวต์HTML alt
ความหมายและการใช้งาน
แอตทริบิวต์ alt ให้ข้อมูลทางเลือกสำหรับรูปภาพหากผู้ใช้ไม่สามารถดูได้ด้วยเหตุผลบางประการ (เนื่องจากการเชื่อมต่อช้า ข้อผิดพลาดในแอตทริบิวต์ src หรือหากผู้ใช้ใช้โปรแกรมอ่านหน้าจอ)
หมายเหตุ:แอตทริบิวต์ alt จำเป็นสำหรับองค์ประกอบ <img>
หมายเหตุ:สำหรับองค์ประกอบ <input> แอตทริบิวต์ alt สามารถใช้ได้กับ <input type="image"> เท่านั้น
เคล็ดลับ:หากต้องการสร้างคำแนะนำเครื่องมือสำหรับรูปภาพ ให้ใช้ แอตทริบิวต์ชื่อ !
นำไปใช้กับ
แอตทริบิวต์ alt สามารถใช้กับองค์ประกอบต่อไปนี้:
องค์ประกอบ | คุณลักษณะ |
---|---|
<พื้นที่> | alt |
<img> | alt |
<input> | alt |
ตัวอย่าง
ตัวอย่างพื้นที่
แผนผังรูปภาพพร้อมพื้นที่ที่สามารถคลิกได้:
<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>
Img ตัวอย่าง
รูปภาพที่มีข้อความสำรองระบุไว้:
<img src="smiley.gif" alt="Smiley face">
ตัวอย่างอินพุต
แบบฟอร์ม HTML ที่มีรูปภาพแทนปุ่มส่ง:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
รองรับเบราว์เซอร์
แอตทริบิวต์alt
มีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
Element | |||||
---|---|---|---|---|---|
area | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | Yes | Yes | Yes | Yes | Yes |