خصائص <img> في HTML

علامة <img> HTML

التعريف والاستخدام

usemap خصائص تعرف الصورة كـ خريطة صورة على الجهاز客户端.

الصورة الم映射ة تشير إلى صورة تحتوي على منطقة قابلة للنقر.

usemap خصائصها مرتبطة بـ عنصر <map>، متعلقة بـ name أو id الخاص بـ <map>، لإنشاء علاقة بين <img> و <map>.

ملاحظة:لا يمكن استخدامها إذا كان عنصر <img> هو فرع من عنصر <a> أو <button>، usemap خصائص.

قراءة متعمقة: تفاصيل خاصية usemap

مثال

الصورة الم映射ة مع منطقة قابلة للنقر:

<img src="life.png" alt="Life" usemap="#lifemap" width="650" height="451">
<map name="lifemap">
  <area shape="rect" coords="10,208,155,338" alt="Computer" href="airpods.html">
  <area shape="rect" coords="214,65,364,365" alt="Phone" href="iphone.html">
  <area shape="circle" coords="570,291,75" alt="Cup of coffee" href="coffee.html">
</map>

تجربة شخصية

النحو

<img usemap="#mapname">

قيمة الخاصية

القيمة وصف
#mapname باستخدام رمز الـ井 ("#") بالإضافة إلى اسم العنصر <map> الذي سيتم استخدامه.

قراءة متعمقة: تفاصيل خاصية usemap

usemap تقدم الخاصية ميكانيكية تصوير الخريطة "العميل"، مما يزيل معالجة إحداثيات الفأرة على الجهاز الخادم وكذلك تأخير الشبكة الناتج عن ذلك. من خلال علامات <map> و <area> الخاصة، يمكن للمطورين HTML تقديم توضيح لتنسيق إحداثيات المناطق الحساسة للروابط في صورة usemap، والذي يحتوي أيضًا على URLs المشاركة. قيمة الخاصية usemap هي URL يشير إلى منطقة <map> الخاصة.

نحن نوضح بالأمثلة، في هذا الكود المصدر يُنقل رسم بياني من 100x100 بكسل map.gif إلى 4 مناطق، وعند الضغط على أي منها يتم ربط المستخدم بملفات مختلفة. يرجى ملاحظة أننا قد شملنا بشكل فعال ميزة معالجة تصوير الخريطة في علامة <img>، مما يسمح للمستخدمين الذين يستخدمون متصفحات لا تدعم ميزة usemap بمعالجة تصوير الخريطة من خلال آلية أخرى، وهي آلية الجهاز الخادم:

<a href="/example/map">
  <img src="/i/map.gif" ismap="ismap" usemap="#map" />
</a>
<map name="map">
  <area coords="0,0,49,49" href="link1.html">
  <area coords="50,0,99,49" href="link2.html">
  <area coords="0,50,49,99" href="link3.html">
  <area coords="50,50,99,99" href="link4.html">
</map>

الفرق في تطبيق خاصية ismap وusemap

الخريطة هي مثال جيد لاستخدام خاصية ismap وusemap، مثل عند تصفح صفحة موقع كبير على نطاق قومي، قد يضغط المستخدم على المدينة التي يسكن فيها على الخريطة للحصول على عناوين و电话 أرقام المتاجر التجارية القريبة وأكثر.

فوائد معالجة خريطة العلامة ismap هي أنها لا تتطلب خادمًا أو برمجيات خادم خاصة، وعلى عكس آلية ismap، يمكن استخدامها في بيئات غير ويب (بدون شبكة) مثل استخدام ملفات الملفات المحلية أو CD-ROM.

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
الدعم الدعم الدعم الدعم الدعم

علامة <img> HTML