تُستخدم العلامة <ERUME> بشكل أساسي لخرائط الصور. من خلال هذه العلامة ، يمكن تعيين المنطقة النشطة (المعروفة أيضًا باسم النقاط الساخنة) في خريطة الصورة. وبهذه الطريقة ، عندما ينتقل الماوس الخاص بالمستخدم إلى المنطقة النشطة المحددة والنقرات ، فإنه سترتبط تلقائيًا بالصفحة المحددة مسبقًا. هيكل بناء الجملة الأساسي هو كما يلي:
<area class = type type = value href = url alt = text mape = area cools = value>
الفئة والمعرف: هل الأنواع وأرقام الهوية التي تحدد نقطة ساخنة على التوالي.
ALT: نص بديل يستخدم لتعيين النقاط الساخنة.
HREF: يستخدم لتعيين عنوان عنوان URL الذي ترتبط به نقطة الساخنة.
الشكل والمنسق: هما معلمتان رئيسيتان ، يتم استخدامهما لتعيين شكل وحجم نقطة الساخنة. الاستخدام الأساسي هو كما يلي:
<شكل المنطقة = إحداثيات المستقيم = x1 ، y1 ، x2 ، y2 href = url> يعني أن نقطة الساخنة المحددة هي مستطيل ، إحداثيات قمة الرأس في الزاوية اليسرى العلوية هي (x1 ، y1) ، وإحداثيات قمة الرأس في الزاوية اليمنى السفلية (x2 ، y2).
<شكل المنطقة = إحداثيات الدائرة = x1 ، y1 ، r href = url> يعني أن شكل نقطة الساخنة المحددة هو دائرة ، والإحداثيات المركزية هي (x1 ، y1) ، والنصف القطر R.
<شكل المنطقة = إحداثيات poligon = x1 ، y1 ، x2 ، y2 ...... HREF = url> يعني أن شكل النقطة الساخنة المحددة عبارة عن مضلع ، وإحداثيات كل قمة (x1 ، y1) ، (x2 ، y2) ، (x3 ، y3) .......
ملاحظة: يتم تحديد مواضع هذه النقاط X1 و Y1 و X2 و Y2 بناءً على الصورة ، وليس حجم النافذة.
تقسم العلامة <quary> منطقة التمثيل في خريطة الصورة ، لذلك يجب أن تكون منطقة التمثيل المقسمة داخل منطقة خريطة الصورة. لذلك ، قبل تقسيم المنطقة بعلامة <earch> ، يجب عليك استخدام علامة HTML أخرى <map> لتعيين مساحة التمثيل لخريطة الصورة وتعيين اسم خريطة الصورة المحددة. استخدام هذه العلامة بسيط للغاية ، أي <name map = اسم خريطة الصورة> ...... </map>.
فيما يلي مثال لتوضيح استخدام هاتين العلامات:
فيما يلي صورة لأرفف كتب جديدة. التأثير هو: عند النقر فوق الكتاب ، يتم فتح نافذة جديدة لعرض صفحة المقدمة والطلب من الكتاب (urlall.htm) ؛ عند النقر على كتاب استراتيجية تصميم موقع الويب ، يتم فتح نافذة جديدة لعرض صفحة المقدمة والطلب من الكتاب (sateall.htm) ؛ عند النقر فوق الكتاب ، يتم فتح نافذة جديدة لعرض صفحة المقدمة وطلب الكتاب (pagejqlall.htm). كيف تصنع:
1. أدخل الصورة ، وضبط المعلمات ذات الصلة للصورة ، وقم بتعيين المعلمة USEMAP = Newbook ISMAP في علامة <img> لتمثيل مرجع إلى خريطة الصورة (NewBook) ؛
2. استخدم <map> لتعيين مجال عمل خريطة الصورة وتسميته: NewBook ؛
3. استخدم <Nuegle> علامات لتقسيم ثلاث مناطق عمل مستطيلة استنادًا إلى مواقع الكتب الثلاثة ، وتعيين معلمات الارتباط HREF.
الإنتاج المكتمل ، الكود المصدري لهذا المثال هو كما يلي:
انسخ الرمز