Advertisements
HTML area Tag
HTML area Tag – يحدد الوسم <area> منطقة داخل خريطة الصورة Image map.
HTML area Tag
يحدد الوسم <area> منطقة داخل خريطة الصورة Image map.
يُستخدم الوسم <area> داخل الوسم <map> فقط.
خريطة الصورة هي صورة ذات مناطق قابلة للنقر
مثال
<img src="images/shpe_images.jpg" usemap="#image_map"> <map name="image_map"> <area href="images/circle.html" coords="101,108,95" shape="circle" alt="Circle"> <area href="images/Rectangle.html" coords="202,15,383,199" shape="rect" alt="Rectangle"> <area href="images/Triangle.html" coords="483,17,395,196,573,196" shape="poly" alt="Triangle"> </map>
Area Tag Example

ترتبط سمة usemap في <img> بسمة اسم عنصر <map> ، وتنشئ علاقة بين الصورة والخريطة.
السمات المحددة – Specific Attributes
يدعم الوسم <area> هذه السمات:
السمة | القيمة | الوصف |
---|---|---|
alt | text | يحدد النص البديل الذي سيتم استخدامه عندما تكون الصور المحددة بواسطة عناصر المنطقة غير متاحة. 💡 مطلوب (Required) في حالة وجود سمة href. |
coords | (الإحداثيات) coordinates | يحدد إحداثيات المنطقة. |
download | filename | يحدد ما إذا كان سيتم تنزيل الهدف المرتبط ، عندما ينقر المستخدم على الرابط. |
href | URL | يحدد عنوان URL للصفحة أو الهدف التي ينتقل إليها الرابط التشعبي للمنطقة. |
hreflang | language_code | يحدد لغة عنوان URL المستهدف. |
nohref | true false | يستثني منطقة من خريطة الصورة. |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | يحدد العلاقة بين المستند الحالي وعنوان URL الهدف. |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url | يحدد معلومات المرجع التي سيتم إرسالها مع الارتباط. |
media | media query | يحدد الوسائط أو الجهاز الذي تم تحسين أو تصميم عنوان URL المستهدف من أجله. |
shape | rect rectangle circ circle poly polygon | يحدد شكل خريطة الصورة. |
target | blank_ parent_ self_ top_ | يحدد مكان الهدف لفتح عنوان URL. |
type | mime_type | يحدد نوع الوسائط لهدف عنوان URL. |
السمات العامة – Global Attributes
الوسم <area> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
يدعم وسم <area> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدث – Event Attributes.
إقرأ أيضًا – HTML <area> Tag
- فصل: الروابط فى HTML.
- فصل: الصور فى HTML.
دعم المتصفحات
مدعوم مدعوم مدعوم مدعوم مدعوم
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!
Advertisements