HTML <img> Thuộc tính usemap
Ví dụ
Bản đồ hình ảnh, với các khu vực có thể nhấp vào:
<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400"
height="379">
<map name="workmap">
<area shape="rect"
coords="34,44,270,350" alt="Computer" href="computer.htm">
<area
shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
<area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính usemap
chỉ định hình ảnh làm bản đồ hình ảnh phía máy khách (bản đồ hình ảnh là hình ảnh có các khu vực có thể nhấp vào).
Thuộc tính usemap
được liên kết với thuộc tính tên của phần tử <map>
và tạo mối quan hệ giữa <img>
và <map>
.
Lưu ý: Thuộc tính usemap
không thể được sử dụng nếu phần tử <img>
là hậu duệ của phần tử <a>
hoặc <button>
.
Hỗ trợ trình duyệt
Attribute | |||||
---|---|---|---|---|---|
usemap | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<img usemap=" #mapname ">
Giá trị thuộc tính
Value | Description |
---|---|
#mapname | A hash character ("#") plus the name of the <map> element to use |
❮ Thẻ HTML <img>