Thẻ <map> trong HTML

Thẻ <map> trong HTML

  • Tag <map> được dùng để định nghĩa một vùng có thể click được bên trong một image.
  • Trong tag <map> bắt buộc phải có thuộc tính name, thuộc tính này kết hợp với thuộc tính của image (image có sử dụng map) để tạo ra mối quan hệ giữa image và map.
  • Tag <map> chứa một số thành phần <area>, những thành phần này xác định những khu vực có thể click được trên map.

Sự khác nhau giữa HTML4.01 và HTML5

HTML4.01HTML5
-● Thuộc tính id và name phải như nhau.

Cấu trúc

<map></map>

Ví dụ

<p><img src="https://media.hoclaptrinh.vn/images/5c3daae6cf2b8.gif" alt="planet" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="circle" coords="100,80,52" href="tag_area.php" />
</map></p>

Link chỉ trong khu vực <area /> (bên trong đường viền của hành tinh)

Hiển thị trình duyệt:

planet

Trình duyệt hỗ trợ

39image-29

<map> được hỗ trợ trong đa số các trình duyệt.

Thuộc tính

Cách sử dụng:

<map thuoctinh="giatri"></map>

Thuộc tính bắt buộc

Thuộc tínhGiá trịVí dụMô tả
namemapnamename="mapName"Xác định tên cho image map

Thuộc tính Tổng quátthuộc tính sự kiện

Tất cả thuộc tính tổng quát và thuộc tính sự kiện được xác định trên phần lớn các thành phần HTML5

Bình luận