English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
الوسم <area> في HTML يحدد منطقة الصورة القابلة للنقر (أو منطقة النقرة) داخل خريطة الصورة. يمكنك ربط رابط مع هذه المنطقة القابلة للنقر. يجب أن يكون هذا الوسم داخل علامة <map>. وتسمى هذه العلامة عادةً بـ <area> العنصر.
الخرائط الصور القابلة للنقر:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>基础教程网(oldtoolbag.com)</title> </head> <body> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.html"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.html"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.html"> </map> </body> </html>الاختبار
IEFirefoxOperaChromeSafari
يدعم جميع المتصفحات الشائعة علامة <area>.
تعرف علامة <area> على منطقة داخل خريطة الصورة (الخريطة هي صورة تحتوي على مناطق قابلة للنقر).
يتم دائمًا وضع عنصر <area> داخل علامة <map>.
يتم العثور على عنصر <area> في علامة <body> ويجب أن يكون داخل علامة <map>.
ملاحظة: <img> خصية usemap في العلامة <map> الاسم المرتبط بالعنصر لإنشاء علاقة بين الصورة والخريطة.
يقدم HTML5 بعض الخاصيات الجديدة ولا يدعم بعض الخاصيات في HTML 4.01.
في HTML، لا تحتاج علامة <area> إلى علامة انتهاء.
في XHTML، يجب إغلاق علامة <area> بشكل صحيح.
جديد: خاصية جديدة في HTML5.
| الخصائص | القيمة | الوصف |
|---|---|---|
| alt | النص | يحدد النص البديل للمنطقة. إذا تم استخدام خاصية href، فإن هذه الخاصية ضرورية. |
| coords | الإحداثيات | يحدد الإحداثيات للمنطقة. |
| href | URL | يحدد URL الهدف للمنطقة. |
| تنزيلHTML5 | اسم الملف | عندما ينقر المستخدم على رابط، سيتم تنزيل الملف المحدد. |
| hreflangHTML5 | رمز اللغة | يحدد لغة الهدف من URL. |
| وسائطHTML5 | استعلام وسائط | يحدد الهدف من URL لماذا يتم تحسينه للوسائط أو الأجهزة. القياسية: جميعها. |
| nohref | value | لا يدعم HTML5. يحدد المنطقة التي ليس لها رابط مرتبط. |
| relHTML5 | 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. |
| typeHTML5 | MIME_type | يحدد نوع MIME للمستهدف URL. ملاحظة: MIME = Multipurpose Internet Mail Extensions. |
دعم العلامة <area> خصائص العلامة العالمية في HTML.
دعم العلامة <area> خصائص الحدث في HTML.
دليل HTML DOM: مفهوم منطقية