Thẻ <map> HTML
Thí dụ
Một bản đồ hình ảnh, với các khu vực có thể nhấp:
<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>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <map>
được sử dụng để xác định bản đồ hình ảnh. Bản đồ hình ảnh là một hình ảnh có các khu vực có thể nhấp được.
Thuộc tính tên bắt buộc của <map>
phần tử được liên kết với thuộc tính usemap của <img> và tạo ra mối quan hệ giữa hình ảnh và bản đồ.
Phần <map>
tử này chứa một số phần tử <are> , xác định các khu vực có thể nhấp trong bản đồ hình ảnh.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<map> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính
Attribute | Value | Description |
---|---|---|
name | mapname | Required. Specifies the name of the image map |
Thuộc tính toàn cầu
Thẻ <map>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <map>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các ví dụ khác
Thí dụ
Một bản đồ hình ảnh khác, với các khu vực có thể nhấp:
<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>
Các trang liên quan
Tham chiếu DOM HTML: Đối tượng bản đồ
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <map>
phần tử với các giá trị mặc định sau:
map {
display: inline;
}