آشنایی با تگ area و کاربرد آن در HTML

در پست های قبلی تگ هایی از HTML را ارائه دادیم و در ادامه همان آموزش ها قصد داریم در این مطلب شما دوستان عزیز را با تگ area و کاربرد آن در HTML آشنا کنیم. تا اتنهای این آموزش ما را همراهی بفرمایید.

تگ area و کاربرد آن در HTML

تگ منطقه ای در درون یک نقشه تصویری (یک تصویر با مناطق قابل کلیک) تعریف می کند . به مثال پایین دقت نمایید :

usemap=”#planetmap”>

تگ area و کاربرد آن در HTML

عنصر همیشه در درون یک تگقرار میگیرد.

توجه: خصوصیت usemap در تگ img با خصوصیت name در تگبه هم مشابه می باشند و رابطه میـان تصویر و نقشه را تهیه می کنند.

تفاوت میـان HTML 4.01 و HTML5

HTML5 چند خصوصیت جدید معرفی کرده و بعضـی از خصوصیت های HTML 4.01 را دیگر حمایت نمی کند .

تفاوت میـان HTML و XHTML

در HTML تگ ، تگ انتهـا ندارد در حالیکه در XHTML می بایست بسته شود.

ویژگی ها

تگ HTML خواهـد توانست حاوی یک یا چند خصوصیت باشد که چگونگی عرضه در مرورگر را مشـخص میکنند. خصوصیت ها حاوی یک نام و یک مقدار می باشند که با علامت (=) از هم جدا شده اند. مقدار خصوصیت با علامت نقل قول احاطه می شود .

۳ نوع خصوصیت وجود دارد که شما خواهید توانست به تگ های HTML خود اضافه نمایید :

ویژگی خاص عنصر
ویژگی عمومی
ویژگی رویداد

ویژگی خاص عنصر

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

ویژگی عمومی

تگ از خصوصیت های عمومی HTML حمایت می کند .

accesskey	hidden	itemtype
class	id	lang
contenteditable	inert	spellcheck
contextmenu	itemid	style
dir	itemprop	tabindex
draggable	itemref	title
dropzone	itemscope	translate

ویژگی رویداد

تگ ضمناً از خصوصیت های رویداد در HTML هم حمایت می کند .

onabort	onended	onmousewheel
oncancel	onerror	onpause
onblur	onfocus	onplay
oncanplay	onformchange	onplaying
oncanplaythrough	onforminput	onprogress
onchange	oninput	onratechange
onclick	oninvalid	onreadystatechange
oncontextmenu	onkeydown	onscroll
ondblclick	onkeypress	onseeked
ondrag	onkeyup	onseeking
ondragend	onload	onselect
ondragenter	onloadeddata	onshow
ondragexit	onloadedmetadata	onstalled
ondragleave	onloadstart	onsubmit
ondragover	onmousedown	onsuspend
ondragstart	onmousemove	ontimeبروزرسانی
ondrop	onmouseout	onvolumechange
ondurationchange	onmouseover	onwaiting
onemptied	onmouseup

حمایت مرورگر ها

تگ در تمام مرورگرهای مهـم مثل اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری حمایت می شود

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