Ostatnio edytowany:

usemap

Autor: Virtual Patriot

Przeznaczenie atrybutu usemap

Za pomocą atrybutu usemap możemy określić, która mapa klikalnych obszarów powinna zostać powiązana z interesującym nas elementem HTML.

Elementy HTML dla atrybutu usemap

  1. img
  2. object

Przykład atrybutu usemap

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs HTML</title>
  </head>
  <body>

    <map name="mapa-1">
      <area href="http://webkod.pl/kurs-html/tagi/zawartosc-osadzona/element-object" shape="poly" coords="16,69,200,28,180,214" alt="opis elementu - object">
    </map>

    <img src="http://webkod.pl/files/html/klikalna-mapa-01.png" usemap="#mapa-1" alt="mapa z jednym klikalnym obszarem">

  </body>
</html>

Rezultat

opis elementu - object mapa z jednym klikalnym obszarem

Mapa klikalnych obszarów reprezentowana przez element "map" posiadający atrybut "name" o wartości "mapa-1" została powiązana z przykładowym elementem "img", ponieważ do wspomnianego elementu "img" został dodany atrybut "usemap" wraz z wartością "#mapa-1".

Interpretacja atrybutu usemap

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak