در بسياری از مواقع در يک صفحه وب مجبوريم قسمتی از يک عکس را به صفحه ای لينک کنيم. برای اين کار در html از Image Map استفاده می کنيم.
البته به عقیده ی من این تکنیک را یاد بگیرید ولی هرگز از آن استفاده نکنید . یکی از مهمترین دلایل این کار این است که موتورهای جستجوگر به لینکهایی که از نوع image map ها هستند چندان اهمیت نمی دهد و دیگر اینکه بهتر است عکسهای مورد نظر را تکه تکه کرده و هرکدام را در تک <a> قرار دهیم، بدین ترتیب ممکن است حجم عکس های تکه تکه شده نسبت به عکس اصلی در کل کاهش یابد .
مثال: می خواهيم در در منطقه ای از فایل SimpleImage.gif يک دايره و یک چهارگوش را به صفحه ای ديگر لينک کنيم:
<map name="NoorPortal" >
<area shape="circle" coord="50,50,30" href="Circle.htm">
<area shape="rect" cords-"100,70,130,100" href="Rect.htm">
</map>
…
<img src="t1.gif" usemap="#NoorPortal">
در Image Map يک سری ناحيه به وسيله <area> تعريف می کنيم و می گوييم که بايد لينک شود و سپس آنرا وارد يک Image می کنيم.
يک نوع ديگر برای تعيين Area وجود دارد که روش چند ضلعی است:
<area shape=”poly” coord=”x1,y1,x2,y2,…” href=”3.htm”>
توجه داشته باشید که اگر در <area>، نوع Shape را تعريف نکنيم مقدار default آن يعنی rect در آن قرار می گيرد.
