الفرق بين المراجعتين لصفحة: «HTML/map»
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}' |
إضافة قسمين |
||
| سطر 14: | سطر 14: | ||
[[ملف:HTML-map-example-image-2.png|بديل=المنطقة الثانية في خريطة صورة|مركز|تصغير|355x355بك|رابط لصفحة <code>right.html</code>]] | [[ملف:HTML-map-example-image-2.png|بديل=المنطقة الثانية في خريطة صورة|مركز|تصغير|355x355بك|رابط لصفحة <code>right.html</code>]] | ||
== بطاقة العنصر == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 55: | سطر 56: | ||
إذا حُدِّدَت قيمة للخاصية <code>id</code> فيجب أن تكون قيمتها وقيمة هذه الخاصية متساوية. | إذا حُدِّدَت قيمة للخاصية <code>id</code> فيجب أن تكون قيمتها وقيمة هذه الخاصية متساوية. | ||
== التنسيق الافتراضي == | |||
تعرض أغلبية المتصفحات العنصر <code><map></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>inline</code>:<syntaxhighlight lang="css"> | |||
map { | |||
display: inline; | |||
} | |||
</syntaxhighlight> | |||
==مصادر ومواصفات== | ==مصادر ومواصفات== | ||
المراجعة الحالية بتاريخ 07:37، 21 فبراير 2018
يُستخدَم العنصر <map> مع عنصر <area> لتعريف خريطة للصورة (أي منطقة قابلة للنقر في الصورة).
مثال عن استخدام العنصر <map> باسم primary لتعريف خريطة تتألف من دائرتين (عبر العنصر <area>) تشير كلُ واحدةٍ منهما إلى صفحة أخرى، ثم استخدام تلك الخريطة عبر عنصر <img> باستخدام الخاصية usemap:
<map name="primary">
<area shape="circle" coords="75,75,75" href="left.html">
<area shape="circle" coords="275,75,75" href="right.html">
</map>
<img usemap="#primary" src="http://placehold.it/350x150" alt="350 x 150 pic">
إذا جرّبتَ المثال السابق، واستخدمت زر tab في لوحة مفاتيحك فستشاهد شيئًا شبيهًا بما يلي:
left.html
right.htmlبطاقة العنصر
| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
|---|---|
| المحتوى المسموح | أي عنصر له خلفية شفافة. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLMapElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
name
تُعطي هذه الخاصية الخريطة اسمًا لكي نتمكن من الإشارة إليها.
يجب أن تكون هذه الخاصية موجودةً ويجب أن يكون لها قيمةٌ غيرُ فارغةٍ وألّا تحتوي على فراغات؛ ولا يجوز أنَ تكون قيمتها مساويةً لقيمة الخاصية name لعنصر <map> آخر في المستند.
إذا حُدِّدَت قيمة للخاصية id فيجب أن تكون قيمتها وقيمة هذه الخاصية متساوية.
التنسيق الافتراضي
تعرض أغلبية المتصفحات العنصر <map> مع ضبط الخاصية display إلى inline:
map {
display: inline;
}
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.