Przykład
Obraz-map, z obszarami klikalne:
<img src="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Spróbuj sam " Definicja i Wykorzystanie
<area> tag określa obszar wewnątrz obrazu-mapy (obraz-mapa jest to obraz z obszarami klikalne).
<area> element jest zawsze zagnieżdżone wewnątrz <map> tag.
Uwaga: usemap atrybut w <img> tagu jest związany z <map> atrybutu name elementu i tworzy relację między obrazem a mapie.
Pomoc Browser
| Element | |||||
|---|---|---|---|---|---|
| <area> | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
HTML5 ma kilka nowych cech, a niektóre HTML 4.01 atrybuty nie są już obsługiwane.
Różnice między HTML i XHTML
W przypadku protokołu HTML <area> tag ma znacznik końcowy.
W XHTML <area> tag muszą być prawidłowo zamknięte.
Atrybuty
= Nowe w HTML5.
| Atrybut | Wartość | Opis |
|---|---|---|
| alt | text | Określa alternatywny tekst dla tego obszaru. Wymagane jeżeli href atrybutu jest obecny |
| coords | coordinates | Określa współrzędne obszaru |
| download | filename | Określa, że cel zostanie pobrana, gdy użytkownik kliknie hiperłącze |
| href | URL | Określa cel hiperłącza dla obszaru |
| hreflang | language_code | Określa język docelowy adres URL |
| media | media query | Określa, co media / URL urządzeniem docelowym jest zoptymalizowany pod kątem |
| nohref | value | Nie jest obsługiwany w HTML5. Określa, że obszar nie jest powiązany odnośnik |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Określa relację między bieżącym dokumentem i docelowego adresu URL |
| shape |
default rect circle poly | Określa kształt powierzchni |
| target | _blank _parent _self _top framename | Określa gdzie otworzyć docelowy adres URL |
| type | media_type | Określa typ nośnika docelowego adresu URL |
Atrybuty globalne
<area> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<area> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
Odniesienia HTML DOM: Powierzchnia obiektu
Domyślne ustawienia CSS
Większość przeglądarek wyświetli <area> element z następujących wartości domyślnych:
area {
display:
none;
}