Thuộc tính alt của phần tử <area> được dùng để đặt văn bản thay thế (alternate text) cho một vùng (area). Văn bản thay thế này hiển thị khi hình ảnh không được hiển thị do các lý do như mất mạng, lỗi tải, lỗi, v.v.
Cú pháp như sau:
<area alt="text">
Ở đây, text là văn bản alt cần thiết lập.
Ví dụ
<!DOCTYPE html> <html> <body> <h2>Học tập</h2> <p>Học các công nghệ này một cách dễ dàng....</p> <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/> <map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map> </body> </html>
Kết quả
Trong ví dụ trên, chúng ta đã đặt bản đồ (map) trên hình ảnh sau:
<img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>
Bây giờ, chúng ta đặt bản đồ và vùng (area) bên trong cho các hình dạng:
<map name = "tutorials"> <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" /> <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial" href = "/html/index.htm" target = "_blank" /> <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial" href = "/php/index.htm" target = "_blank" /> </map>
Khi thiết lập area, thuộc tính alt cũng được đặt bằng thuộc tính alt:
<area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27" href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />