مثال
صورة الخريطة، مع المناطق القابلة للنقر عليها:
<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>
انها محاولة لنفسك » تعريف واستخدام
و <area> تعرف العلامة مساحة داخل خارطة الصورة (صورة-الخريطة هي صورة مع المناطق القابلة للنقر عليها).
و <area> تداخل العنصر دائما داخل <map> العلامة.
ملاحظة: usemap السمة في <img> ويرتبط هذا الكود مع <map> العنصر سمة الاسم، ويخلق علاقة بين الصورة والخريطة.
دعم المتصفح
| العنصر | |||||
|---|---|---|---|---|---|
| <area> | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
HTML5 لديه بعض السمات الجديدة، ولم يعد معتمدا بعض HTML 4.01 الصفات.
الخلافات بين HTML و XHTML
في HTML و <area> علامة وأي علامة نهاية.
في XHTML و <area> يجب إغلاق هذا الكود بشكل صحيح.
الصفات
= جديد في HTML5.
| السمة | القيمة | وصف |
|---|---|---|
| alt | text | يحدد نص بديل للمنطقة. مطلوب إذا كان href السمة الحالية |
| coords | coordinates | يحدد إحداثيات منطقة |
| download | filename | تنص على أن الهدف سيتم تحميل عندما ينقر المستخدم على الارتباط التشعبي |
| href | URL | تحديد هدف الارتباط التشعبي للمنطقة |
| hreflang | language_code | تحدد لغة URL الهدف |
| media | media query | يحدد صفته وسائل الاعلام / الجهاز الأمثل URL الهدف ل |
| nohref | value | غير معتمدة في HTML5. تنص على أن مساحة لا تحتوي على وصلة مرتبطة |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | يحدد العلاقة بين الوثيقة الحالية وURL الهدف |
| shape |
default rect circle poly | يحدد شكل المنطقة |
| target | _blank _parent _self _top framename | تحدد مكان لفتح URL الهدف |
| type | media_type | يحدد نوع وسائط عنوان الموقع المستهدف |
السمات العامة
و <area> كما يدعم بطاقة و السمات العامة في HTML .
سمات الحدث
و <area> العلامة كما يدعم الحدث سمات في HTML .
صفحات ذات صلة
HTML DOM إشارة: كائن منطقة
الإعدادات الافتراضية CSS
سيتم عرض معظم مستعرضات <area> العنصر مع القيم الافتراضية التالية:
area {
display:
none;
}