این آموزش در تاریخ ۱۴۰۰/۰۹/۱۸ آپدیت شده است.

آموزش صفت ismap در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت ismap در HTML با من همراه باشید.

آموزش صفت ismap در HTML

Free-Learn

صفت ismap در HTML

صفت ismap یک صفت بولی ( Boolean ) می باشد، که با استفاده از آن میتوان یک نقشه تصویری در سمت سرور ایجاد کرد، ما نقشه تصویری هم سمت کاربر و هم سمت سرور داریم.

نقشه تصویری ، یک تصویر است که دارای قسمت های مختلف با قابلیت کلیک شدن را دارد، بفرض مثال شما یک تصویر از نقشه ایران دارید و میخواهید کاربر با کلیک بروی هر یک از شهرهای ایران به یک صفحه توضیحات مربوط به آن شهر منتقل داده شود.

بطور کلی ۲ نمونه نقشه تصویری میتونیم داشته باشیم :

  • نقشه تصویری سمت کاربر ( با استفاده از تگ map به راحتی میشه ایجادش ) ( مثال )
  • نقشه تصویری سمت سرور ( خیلی کم از این نمونه استفاده میشه )

حال صفت ismap بطور کلی یه مختصات رو از کاربر میگیره بعدش بسمت سرور ارسالش میکنه، بعدش دیگه باید در سمت سرور مشخص کرد که مثلا اگه مختصات فلان بود ، فلان کارو کنه یا مثلا کاربر رو به فلان جا انتقال بده یا حالا هرچی.

وقتی ماوس بروی تصویر قرار میگیرد در پایین گوشه ی سمت چپ مرورگرتون مختصات قرار گیری ماوس بروی تصویر رو میتونید مشاهده نمایید. ( همانند تصویر زیر )

آموزش صفت ismap در HTML

Free-Learn

عناصری که توسط این صفت پشتیبانی می شوند

این صفت را میتوان در عناصر/تگ های زیر بکار برد.

<img>

Free-Learn

مثال از صفت ismap در HTML

در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.

مثال شماره ۱ : بروی دکمه امتحان کنید کلیک کنید بعدش ماوس رو بروی تصویر به دلخواه بالا-پایین و چپ راست کنید و همزمان به گوشه ی پایین سمت چپ مرورگرتان نگاه کنید.( چیزی که میبینید در واقع مختصات قرار گیری ماوس شما بروی تصویر در محور x و y می باشد )

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت ismap در HTML پشتیبانی میکنند یا خیر.

نام صفت Chrome Firefox Opera Safari Edge
ismap بله بله بله بله بله

Free-Learn

نکات و توضیحات

  • در صفت href موجود در تگ a باید آدرس فایلی که قراره بروی سرور مختصات رو بگیره و باهاش کار کنه رو وارد کرد. ( که در مثال بالا من چیزی وارد نکردم )
  • نقشه های تصویری سمت سرور معمولا استفاده نمیشن و بیشتر از نقشه های سمت کاربر استفاده میشه، به راحتی با استفاده از این ابزار آنلاین میتونید انواع نقشه های تصویری سمت کاربر رو طراحی کنید.

Free-Learn

دریافت PDF یا پرینت این مطلب