آموزش تگ area در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ area در HTML با من همراه باشید.

آموزش تگ area در HTML

Free-Learn

تگ area در HTML

تگ area تگی است که ما با استفاده از آن میتوانیم یک ناحیه (محدوده) را در یک نقشه تصویری ایجاد نماییم. (نقشه تصویری به یک تصویر / عکس که قسمت های مختلف آن قابل کلیک شدن باشد گفته می شود.)

تگ <area> همیشه باید درون تگ <map> قرار بگیرد و استفاده شود.

Free-Learn

مثال از تگ area در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

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

در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ area در HTML پشتیبانی میکنند یا خیر.

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ area در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

(علامتیعنی در HTML5 اضافه شده است)

نام صفت مقدار توضیح
alt text یک متن جایگزین برای تصاویر مشخص میکند. (از نظر سئو مفید است که اضافه شود)
coords coordinates مختصات ناحیه یا اون محدوده قابل کلیک را مشخص میکند.
download filename یک فایل (متنی،صدا و..) برای دانلود بصورت مستقیم با کلیک بروی هر یک از ناحیه های قابل کلیک. ()
href URL آدرس صفحه مقصد (هر یک از ناحیه های قابل کلیک) را مشخص میکند.
hreflang language_code زبان صفحه ی مقصد (که بهش لینک شده) را مشخص میکند. (لیست زبان کشورهای جهان) ()
media media_query مشخص میکند که لینک برای چه نوع رسانه /دستگاهایی بهینه شود. ()
nohref value مشخص میکند که یک ناحیه (محدوده قابل کلیک) هیچ لینکی (لینک مقصد) ندارد. ()
rel alternate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag
رابطه ی بین صفحه ی جاری با صفحه ای که به آن لینک کرده ایم را مشخص میکند. ()
shape default
rect
circle
poly
نوع شکل ناحیه ی قابل کلیک را مشخص میکند. (مثلا مستطیلی،دایره ای و یا چند ضلعی)
target _blank
_parent
_self
_top
framename
مشخص میکند که صفحه ی مقصد چگونه نمایش داده شود. (مثلا در یک تب جدید از مرورگر یا ..)
type media_type نوع رسانه ای، صفحه ای که بهش لینک کرده ایم را مشخص میکند. ()

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

تگ area از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.

Free-Learn

نکات و توضیحات

در HTML تگ area یک تگ تنها است (یعنی تگ پایانی ندارد و لازم نیست بسته شود) ولی در XHTML این تگ دارای تگ پایانی است و باید حتما بسته شود.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ area را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn