برچسب Area
تعریف و کاربرد
یک منطقه در نگاشت تصویر مشخص می کند.
تفاوت بین HTML و XHTML
در HTML برچسب area برچسب پایانی ندارد.
در XHTML برچسب area باید حتما بسته شود.
نکات
نکته:عنصر area همیشه در داخل عنصر map بصورت تودرتو قرار دارد.
نکته:موجودیت usemap در عنصر img همان موجودیت id,name در برچسب map است. بنابراین
ما هردو موجودیت name,id را به map اضافه کردیم.
مثال
|
منبع |
خروجی |
|
<p>روی یکی از سیاره ها کلیک کنید</p> <img src
="planets.gif"
width ="145" height ="126"
alt="Planets"
usemap ="#planetmap" />
<map id ="planetmap"
name="planetmap">
<area shape ="rect" coords ="0,0,82,126"
href =?page="sun.htm" target ="_blank"
alt="Sun" />
<area shape ="circle" coords ="90,58,3"
href =?page="mercur.htm" target ="_blank"
alt="Mercury" />
<area shape ="circle" coords ="124,58,8"
href =?page="venus.htm" target ="_blank"
alt="Venus" />
</map>
|
برای دیدن نتیجه،
کلیک کنید.
|
موجودیت های مورد نیاز
DTD نشان می دهد که در کدام DTD این خواص
مجاز هستند.S=اکید ، T=وابسته، F=frameset.
|
موجودیت |
مقدار |
توضیحات |
DTD |
| alt |
text |
یک متن داخلی برای محوطه مشخص می کند. |
STF |
خواص انتخابی
|
موجودیت |
مقدار |
توضیحات |
DTD |
| coords |
if shape="rect" then
coords="left,top,right,bottom" if shape="circ" then
coords="centerx,centery,radius"
if shape="poly" then
coords="x1,y1,x2,y2,..,xn,yn"
|
برای منطقه قابل کلیک یک مختصات تخصیص می دهد. |
STF |
| href |
URL |
URL مقصد منطقه را مشخص می کند. |
STF |
| nohref |
true
false |
از نگاشت تصویری به منطقه جلوگیری می کند. |
STF |
| shape |
rect
rectangle
circ
circle
poly
polygon |
ظاهر منطقه را مشخص می کند. |
STF |
| target |
_blank
_parent
_self
_top |
URL هدف کجا باز شود:
-
URL - blank_ هدف در یک پنجره جدید باز می شود.
-
URL - self_ هدف در همان قابی که کلیک شده باز می شود
-
URL - parent_ هدف در قاب مادر باز خواهد شد.
-
URL - top_ هدف در تمام پنجره باز خواهد شد
|
TF |
خواص استاندارد
id, class, title, style, dir, lang, xml:lang, tabindex, accesskey
خواص رویداد
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove,
onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur
خودتان بیازمایید
نقشه
این مثال، روش تقسیم یک عکس به نواحی مختلف(همانند یک نقشه) را نشان می دهد. هر یک
از این نواحی، یک فراپیوند هستند.
|