آشنايي با Image map

amirpetrucci0261

کاربر طلایی1

تاریخ عضویت : تیر 1388

تعداد پست ها : 27726

محل سکونت : http://zoomstar.ir/

آشنايي با Image map
چهارشنبه 10 آذر 1389 7:46 AM

در بسياری از مواقع در يک صفحه وب مجبوريم قسمتی از يک عکس را به صفحه ای لينک کنيم. برای اين کار در html از Image Map استفاده می کنيم.
البته به عقیده ی من این تکنیک را یاد بگیرید ولی هرگز از آن استفاده نکنید . یکی از مهمترین دلایل این کار این است که موتورهای جستجوگر به لینکهایی که از نوع image map ها هستند چندان اهمیت نمی دهد و دیگر اینکه بهتر است عکسهای مورد نظر را تکه تکه کرده و هرکدام را در تک <a> قرار دهیم، بدین ترتیب ممکن است حجم عکس های تکه تکه شده نسبت به عکس اصلی در کل کاهش یابد .

مثال: می خواهيم در در منطقه ای از فایل SimpleImage.gif يک دايره و یک چهارگوش را به صفحه ای ديگر لينک کنيم:

در Image Map يک سری ناحيه به وسيله <area> تعريف می کنيم و می گوييم که بايد لينک شود و سپس آنرا وارد يک Image می کنيم.
يک نوع ديگر برای تعيين Area وجود دارد که روش چند ضلعی است:

توجه داشته باشید که اگر در <area>، نوع Shape را تعريف نکنيم مقدار default آن يعنی rect در آن قرار می گيرد.