معرفی و کاربرد تگ area در html
معرفی و کاربرد تگ area در html تعیین منطقه نقشه
در این مقاله از سایت آموزی قصد داریم به معرفی و کاربرد تگ area در اچ تی ام ال بپردازیم.
معرفی و کاربرد تگ 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 در html5
با گرفتن مقدار 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 در html5
این خصوصیت از طریق مقدار media_type نوع media ( رسانه ) لینک شده را مشخص می کند.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
تگ area در html تعیین منطقه نقشه html5 – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید