این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Coords در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Coords در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Coords در HTML
صفت coords صفتی است که درون تگ area قرار میگیرد و برای تنظیم / تعریف ناحیه های قابل کلیک بروی یک تصویر که به آن تصویر ( Image Map ) گفته میشود می باشد.
با استفاده از ابزار آنلاین فری لرن به راحتی انواع نقشه های تصویری را فقط با چند کلیک ایجاد نمایید. [ مشاهده ابزار ]
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <area> |
Free-Learn
مثال از صفت Coords در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 |
<body> <img src="files/planets.jpg" alt="سیارات" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="files/sun.html"> <area shape="circle" coords="90,58,3" href="files/mercury.html"> <area shape="circle" coords="124,58,8" href="files/venus.html"> </map> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت coords در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| coords | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<area coords="Value"> |
Free-Learn
جدول مقادیر صفت Coords در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Value | اگه مقدار صفت shape برابر بود با rect مقدار باید بصورت زیر مشخص شود : x1,y1,x2,y2 ( یعنی شکل مستطیلی ) اگه مقدار صفت shape برابر بود با circle مقدار باید بصورت زیر مشخص شود : x,y,radius ( یعنی شکل دایره ای ) اگه مقدار صفت shape برابر بود با poly مقدار باید بصورت زیر مشخص شود : x1,y1,x2,y2,..,xn,yn ( یعنی شکل چند ضلعی ) |
Free-Learn
نکات و توضیحات
- ایجاد یک تصویر که نقاط مختلفش قابل کلیک باشه از طریق تگ area کمی پیچیده هس و صبوری میخواد، به همین خاطر برای ایجاد و طراحی انواع نقشه های تصویری به راحتی میتونید از این ابزار آنلاین استفاده نمایید.
