Thẻ <bản đồ> HTML
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ử »Thêm 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 vào.
Thuộc tính name bắt buộc của phần tử <map>
được liên kết với thuộc tính usemap của <img> và tạo mối quan hệ giữa hình ảnh và bản đồ.
Phần tử <map>
chứa một số phần tử <area> xác định các khu vực có thể nhấp vào 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 chung
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 .
Thêm ví dụ
Ví dụ
Một bản đồ hình ảnh khác, với các khu vực có thể nhấp vào:
<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>
Hãy tự mình thử »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ị phần tử <map>
với các giá trị mặc định sau:
map {
display: inline;
}