‎‎تگ ناحيهHTML <area> Tag -‎

Previous >    <Next  

‎‎تگHTML ‎<area>‎ براي تعريف ناحيه قابل كليك در تصوير نقشه استفاده ميشود .

‎‎مثال ـ تعريف ناحيه قابل كليك در تصوير

<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 > 

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎‎تك‎<area>‎ يك منطقه يا ناحيه قابل كليك را در نقشه تصويري تعريف ي نمايد.

‎‎عنصر تگ‎<area>‎ هميشه در داخل عنصر‎<map>‎ قرار ميگيرد.

‎نكته ـ ويژگي‎usemap‎ مربوط به عنصر‎<img>‎ ارتباط با ويژگي ‎name‎‎در عنصر ‎<map>‎ دارد، وباعث ايجاد ارتباط بين نقشه و ‎تصوير ميشود.

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<area>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگيهاAttributes -‎

‎‎ويژگي ‎‎مقدار ‎‎شـــرح
‎alt‎ text‎‎ ‎‎متن چايگزين را براي ناحيه اي كه ويژگيhref وجود دارد مشخص ميكند
‎coords‎ ‎‎مختصات ناحيه ‎‎مختصات ناحيه را مشخص ميكند
‎download‎ filename‎‎ ‎‎مقصد فايل دانلود درهنگام كليك در پيوند مشخص ميشود.
‎href‎ URL‎‎ ‎‎آدرس صفحه پيوندي را مشخص ميكند.
‎hreflang‎ language_code‎‎ ‎‎زبان صفحه مقصد را مشخص ميكند
‎media‎ media_query‎‎ ‎‎مشخص ميكند كه پيوند براي چه نوع دستگاه يا رسانه بهينه شده است.
‎nohref‎ value‎‎ ‎‎مشخص ميكند ناحيه داراي پيوندي نيست .درHTML5 پشتيباني نمي شود .
‎rel‎ ‎alternate‎

‎author‎

‎bookmark‎

‎help‎

‎license‎

‎next‎

‎nofollow‎

‎noreferrer‎

‎prefetch‎

‎prew‎

‎serch‎

‎tag‎

‎‎رابطه بين صفحه جاري وپيوندي را مشخص ميكند.
‎shape‎ ‎default‎

‎rect‎

‎circle‎

‎poly‎

‎‎شكل ناحيه را مشخص ميكند.
‎target‎ ‎_blank‎

‎_parent‎

‎_self‎

‎_top‎

framename‎‎

‎‎مشحص ميكند كه صفحه پيوندي كجا بازو نمايش داده شود.
‎type‎ media_type‎‎ ‎‎نوع رسانه صفحه پيوندي را مشخص ميكند.

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<area>‎ از ويژگيهاي جهاني پيروي ميكند .

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎اين تگ هم از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثال هاي بيشترMore Examples -‎

‎‎مثال ـ نقشه تصويري ديگر با ناحه قابل كليك

 <img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map > 

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎بيشتر مرورگرها محتوي عنصر‎<area>‎ را با مقدار پيش فرض زير نمايش ميدهند.

area {
  display: none;
}

‎مرجع كامل تگهاي‎ HTML
HTML مرجع كامل ويژگيهاي


Previous >    <Next