الكورس

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

Circle Rectangle Triangle
ترتبط سمة usemap في <img> بسمة اسم عنصر <map> ، وتنشئ علاقة بين الصورة والخريطة.

 

السمات المحددة – Specific Attributes

 

يدعم الوسم <area> هذه السمات:

السمةالقيمةالوصف
alttextيحدد النص البديل الذي سيتم استخدامه عندما تكون الصور المحددة بواسطة عناصر المنطقة غير متاحة.
💡 مطلوب (Required) في حالة وجود سمة href.
coords(الإحداثيات) coordinatesيحدد إحداثيات المنطقة.
downloadfilenameيحدد ما إذا كان سيتم تنزيل الهدف المرتبط ، عندما ينقر المستخدم على الرابط.
hrefURLيحدد عنوان URL للصفحة أو الهدف التي ينتقل إليها الرابط التشعبي للمنطقة.
hreflanglanguage_codeيحدد لغة عنوان URL المستهدف.
nohreftrue
false
يستثني منطقة من خريطة الصورة.
relalternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
يحدد العلاقة بين المستند الحالي وعنوان URL الهدف.
referrerpolicyno-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
same-origin
strict-origin-when-cross-origin
unsafe-url
يحدد معلومات المرجع التي سيتم إرسالها مع الارتباط.
mediamedia queryيحدد الوسائط أو الجهاز الذي تم تحسين أو تصميم عنوان URL المستهدف من أجله.
shape
rect
rectangle
circ
circle
poly
polygon
يحدد شكل خريطة الصورة.
targetblank_
parent_
self_
top_
يحدد مكان الهدف لفتح عنوان URL.
typemime_typeيحدد نوع الوسائط لهدف عنوان URL.

 

السمات العامة – Global Attributes

 

الوسم <area> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.

 


 

سمات الحدث – Event Attributes

 

يدعم وسم <area> سمات الحدث أيضًا، تعرف عليهم عن طريق هذا الرابط: سمات الحدثEvent Attributes.

 


 

إقرأ أيضًا – HTML <area> Tag

 

 


 

دعم المتصفحات

 

firefox - الباشمبرمجCHROME - الباشمبرمجIE - الباشمبرمجsafari - الباشمبرمجopera - الباشمبرمج
مدعوممدعوممدعوممدعوممدعوم



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

info@albashmoparmeg.com

شكرًا لك على مساعدتك لنا!

Advertisements