Znacznik <area> definiuje obszar na mapie obrazu.
Różnice pomiędzy HTML i XHTML:
W HTML ten znacznik nie ma znacznika zamykającego.
W XHTML ten znacznik musi być poprawnie zamknięty.
Wskazówki:
Ten element jest zawsze umieszczony wewnątrz elementu <map>.
Aby wskazać mapę obrazu która powinna zostać użyta, podaj atrybut usemap dla znacznika <img>.
Przykład:
<img src="../webdir.gif" width="101" height="77" alt="" title="" usemap="#mapa" /> <map name="mapa" id="mapa"> <area shape="rect" coords="1, 1, 101, 30" href="/kursy/html/" alt="Kurs HTML" title="Kurs HTML" /> <area shape="rect" coords="1, 48, 101, 77" href="/kursy/javascript/" alt="Kurs JavaScript" title="Kurs JavaScript" /> </map>
DTD w których można korzystać ze znacznika <area>: Strict, Transitional, Frameset.
Atrybuty znacznika <area>
Wartości w kolumnie „Wym.” oznaczają czy atrybut jest wymagany.
Wartości w kolumnie DTD oznaczają w których DTD poszczególne atrybuty mogą być używane: S=Strict, T=Transitional, F=Frameset.
| Nazwa | Opis | Wym. | DTD |
|---|---|---|---|
| alt | Alternatywny tekst to wyświetlenia jeżeli przeglądarka nie może wyświetlić obiektu | Tak | STF |
| coords | Określa współrzędne dla konkretnego kształtu obszaru, aby zdefiniować region obrazu dla map obrazów.
Dla poszczególnych rodzajów kształtów określonych przez atrybut
|
Nie | STF |
| href | Docelowy adres URL | Nie | STF |
| nohref | Wyłącza tak oznaczony obszar z mapy obrazu | Nie | STF |
| shape | Określa typ obszaru na mapie obrazu. Jest używany razem z atrybutem coords. Dozwolone wartości to:
|
Nie | STF |
| target | Określa gdzie otworzyć docelowy adres:
|
Nie | TF |
| Atrybuty standardowe | |||
| class | Klasa CSS (lub lista klas) elementu | Nie | STF |
| id | Unikalny identyfikator elementu | Nie | STF |
| style | Styl elementu (inline) | Nie | STF |
| title | Tekst do wyświetlenia jako Tooltip po najechaniu myszką | Nie | STF |
| Atrybuty językowe | |||
| dir | Kierunek tekstu | Nie | STF |
| lang | Kod języka | Nie | STF |
| xml:lang | Kod języka (dodatkowy atrybut dla XHTML) | Nie | STF |
| Atrybuty klawiatury | |||
| accesskey | Skrót klawiaturowy używany do dostępu do tego elementu | Nie | STF |
| tabindex | Kolejność aktywacji elementów przy przechodzeniu klawiszem Tab | Nie | STF |
| Zdarzenia focusu | |||
| onblur | Skrypt do uruchomienia gdy element traci focus (dane będą prawdopodobnie wprowadzane do innego elementu) | Nie | STF |
| onfocus | Skrypt do uruchomienia gdy element otrzymuje focus (dane będą wprowadzane do niego) | Nie | STF |
| Zdarzenia myszy | |||
| onclick | Co zrobić po kliknięciu myszą | Nie | STF |
| ondblclick | Co zrobić po podwójnym kliknięciu myszą | Nie | STF |
| onmousedown | Co zrobić po naciśnięciu klawisza myszy | Nie | STF |
| onmousemove | Co zrobić w momencie gdy kursor myszki jest przesuwany | Nie | STF |
| onmouseout | Co zrobić gdy kursor myszki opuszcza element | Nie | STF |
| onmouseover | Co zrobić gdy kursor myszki najeżdża na element | Nie | STF |
| onmouseup | Co zrobić po zwolnieniu klawisza myszki | Nie | STF |
| Zdarzenia klawiatury | |||
| onkeydown | Co zrobić gdy klawisz zostanie naciśnięty | Nie | STF |
| onkeypress | Co zrobić gdy klawisz zostanie naciśnięty i zwolniony | Nie | STF |
| onkeyup | Co zrobić gdy klawisz zostanie zwolniony | Nie | STF |
Komentarze