(głosów: 6, średnia ocena: 3,83)
Loading ...Element area reprezentuje klikalny obszar na mapie odnośników (mapie obrazkowej) utworzonej za pomocą elementu map.
Kontekst użycia
| Modele treści HTML5 | treść ogólna, syntagmatyczna |
|---|---|
| Elementy nadrzędne | elementy treści syntagmatycznej |
| Elementy potomne | Brak — jest to element pusty |
| Znaczniki | Znacznik otwierający jest obowiązkowy, znacznik zamykający jest zabroniony |
| Normy | HTML5 — podrozdział 4.8.13, HTML 4.01 — podrozdział 13.6.1 |
| Interfejs DOM | HTMLAreaElement |
| Różnice między HTML 4.01 a HTML 5 | Element Atrybut nohref obecny dla tego elementu w HTML 4.01 nie jest już w HTML5 obsługiwany |
Przykłady użycia
Przykład mapy odsyłaczy zawierającej element
area:
<img src="animals.png" width="600" height="255" alt="Ilustracja zwierząt" usemap="#animals" /> <map name="animals"> <area shape="poly" coords="14,13,134,185,36,166,185,44" href="malpa.html" alt="Małpa"> <area shape="circle" coords="224,152,73" href="koza.html" alt="Koza"> <area shape="rect" coords="325,32,524,194" href="dzik.html" alt="Dzik"> </map>
Obsługa przez przeglądarki
| Firefox | Chrome | Opera | Safari | Internet Explorer |
|---|---|---|---|---|
| ✔ | ✔ | ✔ | ✔ | ✔ |
Atrybuty obowiązkowe
Atrybutem obowiązkowym elementu area jest alt, gdy element ten ma zdefiniowany także atrybut href.
Atrybuty opcjonalne
Atrybuty globalne oraz:
| Atrybut | Opis |
|---|---|
alt |
Określa tekst alternatywny dla obszary mapy odnośników |
coords |
Określa współrzędne wierzchołków obszaru |
shape |
Określa kształt obszaru |
href |
Określa miejsce docelowe łącza reprezentowanego przez obszar |
target |
Określa sposób otwarcia łącza, np. w nowym lub tym samym oknie |
download |
Oznacza, że wskazywany przez łącze zasób ma zostać pobrany na dysk użytkownika, a nie otwarty w przeglądarce |
ping |
Służy do określania stron, które mają zostać powiadomione, gdy użytkownik kliknie łącze |
rel |
Określa relację między dokumentem zawierającym łącze, a dokumentem, do którego to łącze prowadzi |
media |
Określa rodzaj mediów, dla których przeznaczony jest zasób |
hreflang |
Określa język zasobu |
type |
Określa typ MIME zasobu |
Uwagi
Element area powinien znajdować się wewnątrz elementu map.
Wysyłam...
Komentarzy: 2
admin
10.23.2012
Poprawione. Wielkie dzięki :)
Radek
10.23.2012
Proszę o poprawienie przykładu w elemencie img atrybut usemap wartość z #
Dobrze by było dodać do elementu map atrybut id z wartością atrybutu name (rekomendacja XHTML i nie tylko… ale to nie miejsce na taką dyskusję)
Nie ma trackbacków do wyświetlenia