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

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

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

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

صفت ismap در HTML

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

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

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

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

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

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

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

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

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

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

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

امتحان کنید

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

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

شکل نوشتاری

نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.

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

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