Znaczniki HTML/XHTML - <map>
Znacznik <map> służy do stworzenia mapę obrazu po stronie przeglądarki. Mapa obrazu jest to obraz z obszarami na których można kliknąć.
Różnice pomiędzy HTML i XHTML: Brak.
Wskazówki:
Znacznik <area> jest zawsze umieszczony wewnątrz znacznika <map>, i służy on do tworzenia obszarów na mapie obrazu.
Atrybut usemap znacznika <img> odnosi się do atrybutu id lub name (w zależności od przeglądarki). Z tego powodu należy stosować obydwa atrybuty.
Przykład:
<img src="../webdir.gif" width="101" height="77" alt="książka" title="książka" 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 <map>: Strict, Transitional, Frameset. Atrybuty znacznika <map>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 |
|---|
| accesskey | Określa klawisz skrótu, który po naciśnięciu razem z klawiszem Alt spowoduje uaktywnienie elementu | Nie | STF | | id | Unikalny identyfikator mapy obrazu | Tak | STF | | name | Definiuje nazwę obiektu, za pomocą której można się do niego odwołać w skryptach | Nie | STF | | tabindex | Definiuje kolejność w jakiej mają być aktywowane elementy przy przechodzeniu klawiszem Tab | Nie | STF | | Atrybuty standardowe |
|---|
| class | Klasa CSS (lub lista klas) 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 | | 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 |
Wykop tą stronę! >>>
Dodaj linka na swojej stronie! Po prostu skopiuj poniższy kod i wklej go na swojej stronie WWW. Gotowy link będzie wyglądał w taki sposób:
Znaczniki HTML/XHTML - <map>
| 
