جلسه ۶۶ : آموزش کار با تگ map در HTML

• جزئیات
• نوع محتواآموزشی

مقدمه

سلام پی وی لرنی های عزیز!
به دوره آموزش تگ های HTML خوش آمدید!
HTML یا Hypertext Markup Language یک نوع زبان نشانه‌گذاری استاندارد برای ایجاد صفحات اینترنت و وب محسوب می شود.
می توان ادعا کرد که HTML دروازه ورود و پیشرفت برای یادگیری سایر زبان های برنامه نویسی هم چون CSS و جاوا اسکریپت است.
HTML ساختار و اسکلت صفحات وب را تشکیل می دهد و بدون آن نمی توان هیچ صفحه وبی را ساخت.
دوست دارید طراح وب شوید؟
خب باید HTML را بیاموزید!
نگران نشوید! یادگیری HTML کار دشواری نیست و با کمی تلاش خیلی زود در آن استاد می شوید.
در جلسه گذشته به کار به تگ main پرداختیم؛ تگ main محتوای اصلی یک سند را مشخص می کند.
در این جلسه می خواهیم آموزش کار با تگ map در HTML را ارائه نماییم.

آموزش کار با تگ map در HTML

به مثال زیر توجه نمایید.
در این مثال یک image-map، با نواحی قابل کلیک استفاده شده است.

تعریف و کاربرد

تگ map تگی است که با کمک آن می توان یک Image-Map را در یک صفحه وب ایجاد کرد.
Image-Map یا نقشه تصویری تصویری است که کاربر می تواند روی نقاط مختلف آن کلیک نماید.
تگ map خود حاوی عنصر area است که مناطق قابل کلیک را در نقشه تصویر مشخص می کند.

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

عنصر
<map>	بله	بله	بله	بله	بله

تفاوت بین HTML 4.01 و HTML5

در HTML5 ، اگر خصیصه ID تگ map نیز مشخص شده باشد، باید همان مقدار را به عنوان ویژگی داشته باشد.

تفاوت بین HTML و XHTML

در XHTML خصیصه name دیگر مورد استفاده قرار نمی گیرد و به جای آن از خیصیصه رویداد سراسری استفاده می گردد.

خصیصه ها

خصیصه های سراسری Global Attributes

تگ <map> از خصیصه های سراسری در HTML پشتیبانی می کند.

 خصیصه رویداد Event Attributes

تگ <map> از خصیصه رویداد در HTML پشتیبانی می کند.

تنظیمات پیش فرض CSS

بیشتر مرورگرها عنصر <map> را با مقادیر پیش فرض زیر نمایش می دهند:

کلام آخر

در این جلسه با آموزش کار با تگ map با شما همراه بودیم؛ تگ map تگی است که با کمک آن می توان یک Image-Map را در یک صفحه وب ایجاد کرد.
در جلسه آینده می خواهیم به کار با تگ mark بپردازیم.
با پی وی لرن همراه باشید.