سبد (0)

تگ area در HTML

مثال (تگ area در HTML)

یک image-map، با نواحی قابل کلیک:

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

خودتان امتحان کنید »

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

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

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

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

پشتیبانی مرورگرها از تگ area در HTML

عنصر          
<area> بله بله بله بله بله

تفاوت بین HTML 4.01 و HTML5

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

تفوت بین HTML و XHTML

در HTML تگ <area>، تگ پایانی ندارد .

در XHTML تگ <area> باید با تگ پایانی خاتمه یابد.

خصوصیت ها

 جدید در HTML5.

خصوصیت مقدار توضیحات
alt text یک متن جایگزین (alternate) برای area مشخص می کند و همراه با صفت href به کار می رود.
coords coordinates مشخص کردن مختصات در area
download filename مشخص کردن منبع دانلود زمانی که کاربر روی یک لینک کلیک می کند.
href URL مشخص کردن مقصد لینک برای area
hreflang language_code برای لینک کردن language به سند
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		 مشخص می کند URL(سند لینک شده) کجا باز شود.
type media_type نوع media (رسانه) لینک شده را مشخص می کند.

ویژگی های عمومی تگ area در HTML

تگ <area> از ویژگی های عمومی در HTML پشتیبانی می کند.

رویدادهای عمومی تگ area در HTML

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

آموزش های مرتبط

مرجع اشیاء اچ تی ام ال: تگ Area در JavaScript

نوشته شده توسط سمیه فخری
بازدید: 18397

در میان شش هزار مطلب آموزشی منتشر شده در بیاموز، جستجو نمایید ...

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین - بانک ملت معرفی بیاموز در شبکه سه