<area>

Rasmning havola vazifasini o'tovchi aktiv hududlarini belgilaydi.

Har bir elementi rasmning aktiv hududlarini belgilaydi. Ushbu hududlar havola vazifasini bajaradi. Bunday rasm tashqi ko'rinishi jihatidan oddiy rasmdan farq qilmaydi, lekin havola vazifasini o'tovchi har xil shakldagi bir nechta qismlarga bo'lingan bo'lishi mumkin. elementi havola maydoni shaklini, o'lchamlarini va havola qilinayotgan sahifa manzilini belgalaydi. Doim <map> konteyneri ichida keladi.

Bir nechta havola hududlari ustma-ust joylashishi mumkin. Bunda HTML kodi yuqoriroqdagilari teparoqda joylashadi.

Sintaksis

<map>
  <area href="manzil">
</map>

Yopuvchi teg

Kerak emas

Atributlar

alt
Rasmning alternativ matnini belgilab beradi.
coords
Rasmdagi kerakli maydonning koordinatalarini belgilaydi.
href
Havola qilinayotgan dokument manzilini belgilaydi.

Ushbu element uchun umumiy atributlar va hodisa (event)lar mavjud.

Misol

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>А, atribut shape</title>
 </head>
 <body>
  <div>
    <object type="image/jpeg" data="../../sample/sample.jpg" 
    width="500" height="500" usemap="#link">
    <map name="link">
      <area href="https://google.com" shape="rect" coords="0, 0, 250, 250" alt="Google" target="_blank">
      <area href="https://yandex.com" shape="rect" coords="250, 0, 500, 250" alt="Yandex" target="_blank">
    </map> 
    </object>
  </div>
</body>
</html>

Natija

Brauzerlar

Internet Explorer Edge Chrome Opera Safari Firefox
1 12 1 3 1 1
Android Firefox Opera Safari
1 1 6 1