Thẻ khu vực trong HTML được sử dụng để đặt một khu vực trong bản đồ hình ảnh.
Sau đây là các thuộc tính -
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| alt | văn bản | Chỉ định một văn bản thay thế cho khu vực. |
| coords | if shape ="direct" then coords ="left, top, right, bottom" if shape ="circle" then coords ="centerx, centery, radius" if shape ="poly" then coords ="x1, y1, x2, y2, .., xn, yn" | Chỉ định các tọa độ thích hợp với thuộc tính shape để xác định một vùng của hình ảnh cho bản đồ hình ảnh. |
| tải xuống | tên tệp | Chỉ định rằng đích được tải xuống khi người dùng nhấp vào siêu liên kết. |
| href | URL | Chỉ định URL của một trang hoặc tên của liên kết mà liên kết chuyển đến. |
| hreflang | language_code | Chỉ định ngôn ngữ của URL đích. |
| phương tiện | truy vấn phương tiện | Chỉ định phương tiện / thiết bị mà URL mục tiêu được tối ưu hóa. |
| nohref | true / false | Loại trừ một khu vực khỏi bản đồ hình ảnh |
| rel | thay thế tác giả dấu trang Cứu giúp giấy phép tiếp theo Không theo người không có thai tìm nạp trước trước Tìm kiếm nhãn | Chỉ định mối quan hệ giữa tài liệu hiện tại và URL đích |
| hình dạng | direct hình chữ nhật khoanh tròn vòng tròn nhiều đa giác | Chỉ định hình dạng của bản đồ hình ảnh |
| mục tiêu | _ blank _cha mẹ _bản thân _đứng đầu | Nơi mở URL mục tiêu. _blank - URL mục tiêu sẽ mở trong một cửa sổ mới _self - URL đích sẽ mở trong cùng một khung khi nó được nhấp vào _parent - URL đích sẽ mở trong bộ khung chính _top - URL mục tiêu sẽ mở trong toàn bộ phần nội dung của cửa sổ |
| loại | mime_type | Chỉ định loại MIME (Phần mở rộng Thư Internet Đa năng) của URL mục tiêu. |
Bây giờ chúng ta hãy xem một ví dụ để triển khai thẻ
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h2>Learning</h2>
<p>Learn these technologies with ease....</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>
Đầu ra
