این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت UseMap در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت UseMap در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت UseMap در HTML
صفت usemap صفتی است که در درون تگ های Img و Object مورد استفاده قرار میگیرد و میتواند یک نقشه ی تصویری را به این تگ ها متصل نماید، یعنی باید از این صفت بهمراه تگ Map جهت ایجاد و ارتباط با نقشه ی تصویری استفاده نمایید.
نقشه تصویری یا Image Map – تصویری است که دارای نقاط مختلفی برای کلیک شدن می باشد.
با ابزار آنلاین فری لرن از اینجا ، تنها با چند کلیک انواع نقشه های تصویری دلخواه تان را ایجاد نمایید.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <object> | <img> |
Free-Learn
مثال از صفت UseMap در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Img
|
1 2 3 4 5 6 7 8 9 |
<body> <img src="files/planets.jpg" usemap="#MyMap"> <map name="MyMap"> ... </map> </body> |
مثال شماره ۲ : استفاده در تگ Object
|
1 2 3 4 5 6 7 8 9 |
<body> <object data="files/planets.jpg" usemap="#MyMap"></object> <map name="MyMap"> ... </map> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت usemap در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| img | بله | بله | بله | بله | بله |
| object | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 3 4 5 6 |
<map name="#Map-Name"> ... </map> <img usemap="#Map-Name"> <object usemap="#Map-Name"> |
Free-Learn
جدول مقادیر صفت UseMap در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Map-Name# | مشخص کردن نام مپ یعنی مقدار این صفت برابر است با مقداری که داخل صفت name داخل تگ map هس Map-Name# |
Free-Learn
نکات و توضیحات
- مقداری که در این صفت قرار میگیرد باید دقیقا همون مقداری باشه که درون صفت name در تگ map هستش
