50 کامل شده تا

برچسب <area> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< مرجع HTML:تگ‌ها(تغییرمسیر از تگ area)
پرش به ناوبری پرش به جستجو
منطقه‌ای را در داخل نقشه تصویر تعریف می‌کند
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:display: none;


{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}[۱]

مثال

یک نقشهٔ تصویری، با نقاط قابل کلیک:

<img src="workplace.jpg" alt="Workplace" usemap="#workmap" width="400" height="379">

<map name="workmap">
  <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm">
  <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm">
  <area shape="circle" coords="337,300,44" alt="Cup of coffee" href="coffee.htm">
</map>

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

برچسب <area> یک پهنه را در یک نقشهٔ تصویری (یک نقشهٔ تصویری تصویری با نقاط قابل کلیک است) تعریف می‌کند.

یک برچسب <area> همواره درون یک برچسب <map> قرار داده می‌شود.

نکته: ویژگی usemap درون برچسب <img>، با ویژگیِ نامِ عنصر <map> ارتباط دارد و یک رابطه بین تصویر و نقشه ایجاد می‌کند.

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

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<area> بله بله بله بله بله

ویژگی‌ها

ویژگی مقدار شرح
alt text متن جایگزین برای پهنه را مشخص می‌کند. در صورت وجود داشتن ویژگی href مورد نیاز است
coords coordinates مختصات پهنه را مشخص می‌کند
download filename مشخص می‌کند که هنگامی که کاربر بروی هایپرلینک کلیک کند، هدف دانلود شود
href URL هدف هایپرلینک (hyperlink) را برای پهنه مشخص می‌کند
hreflang language_code زبان URL هدف را مشخص می‌کند
media media query مشخص می‌کند URL هدف برای کدام رسانه/دستگاه بهینه‌سازی شده‌است
rel alternate

author

bookmark

help

license

next

nofollow

noreferrer

prefetch

prev

search

tag

رابطهٔ بین سند کنونی و URL هدف را مشخص می‌کند
shape default

rect

circle

poly

شکل پهنه را مشخص می‌کند
target _blank

_parent

_self

_top

framename

مشخص می‌کند که URL هدف را در کجا باز کند
type media_type نوع رسانهٔ URL هدف را مشخص می‌کند

ویژگی های سراسری (Global Attributes)

همچنین برچسب <area> از ویژگی‌های سراسری در اچ‌تی‌ام‌ال (Global Attributes in HTML) پشتیبانی می‌کند.

ویژگی های رویداد (Event Attributes)

همچنین برچسب <area> از ویژگی‌های رویداد در اچ‌تی‌ام‌ال (Event Attributes in HTML) پشتیبانی می‌کند.

صفحات مرتبط

الگو:صفحات مرتبط

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

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

area {
  display: none;
}


منابع آموزشی