آشنایی با تگ area و کاربرد آن در HTML
در پست های قبلی تگ هایی از HTML را ارائه دادیم و در ادامه همان آموزش ها قصد داریم در این مطلب شما دوستان عزیز را با تگ area و کاربرد آن در HTML آشنا کنیم. تا اتنهای این آموزش ما را همراهی بفرمایید.
تگ area و کاربرد آن در HTML
تگ منطقه ای در درون یک نقشه تصویری (یک تصویر با مناطق قابل کلیک) تعریف می کند . به مثال پایین دقت نمایید :
| 1 2 3 4 5 6 7 | usemap=”#planetmap”> |
تگ area و کاربرد آن در HTML
تگ 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 رسیدیم. از توجه و همراهی شما سپاسگزاریم. برای مشاهده اطلاعات بیشتر درمورد سرور مجازی و هاستینگ کلیک کنید.
