Ostatnio edytowany:

coords

Autor: Virtual Patriot

Przeznaczenie atrybutu coords

Za pomocą atrybutu coords możemy określić kolejne wartości składników tworzących kształt klikalnego obszaru reprezentowanego przez interesujący nas element HTML.

Elementy HTML dla atrybutu coords

  1. area

Przykład atrybutu coords

<!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

Klikalny obszar reprezentowany przez przykładowy element "area" na mapie klikalnych obszarów reprezentowanej przez element "map" został utworzony na podstawie wartości "16,69,200,28,180,214", ponieważ do wspomnianego elementu "area" został dodany atrybut "coords" wraz z wartością "16,69,200,28,180,214".

Interpretacja atrybutu coords

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak