در این مقاله از سایت آموزی قصد داریم به معرفی و کاربرد تگ area در html بپردازیم.

معرفی و کاربرد تگ area در html

معرفی و کاربرد تگ area در html

معرفی و کاربرد تگ area در html | معرفی و کاربرد تگ area در html | معرفی و کاربرد تگ area در html | معرفی و کاربرد تگ area در html | معرفی و کاربرد تگ area در html | معرفی و کاربرد تگ area در html | معرفی و کاربرد تگ area در html

تگ <area> منطقه ای را در داخل یک image-map مشخص می کند. ( image-map به تصویری گفته می شود که بعضی قسمت های آن قابلیت کلیک کردن دارد )

تگ <area> همیشه داخل یک تگ <map> قرار می گیرد.

نکته:  صفت usemap در تگ img با صفت name در تگ map مرتبط هستند در نتیجه بین این دو تگ ارتباط برقرار می شود.

پشتیبانی مرورگرها از تگ <area>  

تقریبا تمام مرورگرهای معتبر اینترنتی اعم از اپرا ، فایرفاکس ، گوگل کروم ، سافاری و اینترنت اکسپلورر از تگ <area> پشتیبانی می کنند.

در HTML5 یک سری ویژگی های جدید به این تگ اضافه شده است.

و برخی از ویژگی های HTML4.01 در HTML5 پشتیبانی نمی شود.

تگ <area> در html فقط دارای یک تگ باز ( opening tag ) می باشد و تگ بسته ندارد.

خصوصیات جدید تگ area در HTML5

خصوصیت alt

یک مقدار text یا متن جایگزین ( alternate ) برای area مشخص می کند و همراه با صفت href به کار می رود.

خصوصیت coords

با مقدار coordinates جهت مشخص کردن مختصات در area درون نقشه بکار می رود.

خصوصیت download

با مقدار filename جهت مشخص کردن منبع دانلود در زمانی که کاربر روی یک لینک کلیک می کند بکار می رود.

خصوصیت href

با گرفتن یک مقدار URL برای مشخص کردن مقصد لینک برای area در نقشه کاربرد دارد.

خصوصیت hreflang

با گرفتن مقدار language_code برای لینک کردن language به سند html کاربرد دارد.

خصوصیت media

media query مشخص می کند مقصد لینک شده برای چه media ( رسانه ) یا دستگاهی بهینه است.

خصوصیت nohref

با مقدار value بکار می رود اما در HTML5 پشتیبانی نمی شود. ( این خصوصیت مشخص می کند که <area> هیچ لینک مرتبطی ندارد. )

خصوصیت rel

با گرفتن مقادیر متفاوت alternate , author , bookmark , help , license , next , nofollow , noreferrer , prefetch , prev search , tag رابطه بین سند رایج با سند لینک شده را مشخص می کند.

خصوصیت shape

default rect circle poly

مخصوص شکل دادن به مناطق مختلف نقشه با مقادیر area target _blank _parent _self _top می باشد.

خصوصیت framename

خصوصیت framename در تگ <area> مشخص می کند URL ( سند لینک شده ) کجا باز شود.

خصوصیت type

این خصوصیت از طریق مقدار media_type نوع media ( رسانه ) لینک شده را مشخص می کند.

معرفی و کاربرد تگ area در html – اختصاصی سایت آموزی