Exemplu
O imagine hartă, cu zone de clickable:
<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>
Încearcă - l singur » Definiție și utilizare
<area> Eticheta definește o zonă în interiorul unei imagini-harta (an image-map is an image with clickable areas) .
<area> Elementul este întotdeauna imbricate în interiorul unui <map> tag - ul.
Note: usemap atribut din <img> tag - ul este asociat cu <map> atributului numele elementului, și creează o relație între imaginea și harta.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <area> | da | da | da | da | da |
Diferențe între HTML 4.01 și HTML5
HTML5 are unele noi atribute, iar unele HTML 4.01 atribute nu mai sunt suportate.
Diferențe între HTML și XHTML
În HTML <area> tag - ul nu are nici o etichetă de închidere.
În XHTML <area> tag - ul trebuie să fie închise în mod corespunzător.
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| alt | text | Specifică un text alternativ pentru zona. Necesar în cazul în care href atributul este prezent |
| coords | coordinates | Specifică coordonatele zonei |
| download | filename | Specifică faptul că obiectivul va fi descărcate atunci când un utilizator face clic pe hyperlink |
| href | URL | Specifică obiectivul hyperlink pentru zona |
| hreflang | language_code | Specifică limba URL-ul țintă |
| media | media query | Specifică ce mass-media / dispozitiv de URL-ul țintă este optimizat pentru |
| nohref | value | Nu sunt acceptate în HTML5. Specifică faptul că o zonă nu are asociat link- |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Specifică relația dintre documentul curent și adresa URL de destinație |
| shape |
default rect circle poly | Specifică forma zonei |
| target | _blank _parent _self _top framename | Specifică în cazul în care pentru a deschide adresa URL țintă |
| type | media_type | Specifică tipul de suport al URL-ul țintă |
Atribute globale
<area> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<area> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
HTML DOM referință: Zona obiect
Setări implicit CSS
Cele mai multe browsere va afișa <area> elementul cu următoarele valori implicite:
area {
display:
none;
}