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

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

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

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

صفت ismap در HTML

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

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

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

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

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

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

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

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

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

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

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

امتحان کنید

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

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

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

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