آشنایی با عنصر img و کاربرد آن در HTML
03/03/2018
آشنایی با تگ del و کاربرد آن در html
03/03/2018آشنایی با تگ dfn و کاربرد آن در html
در این پست نیز قصد داریم یکی دیگر از تگ های HTML را با عنوان dfn را به شما دوستان عزیز معرفی نماییم. امیدواریم مقاله آشنایی با تگ dfn و کاربرد آن در html مورد توجه شما قرار بگیرد و برایتان مفید و کاربردی باشد. با ما همراه باشید.
تگ dfn و کاربرد آن در html
عنصر dfn یک برچسب عبارتی است که یک عبارت تعریف شده را مشخص می کند.
نکته: این تگ نامناسب شناخته نشده اما برای رسیدن به نتیجه مطلوب تر میتوان از CSS استفاده کرد .
تگ dfn و کاربرد آن در html
لیست برچسب های عبارتی
| تگ | توضیحات |
| <em> | یک متن تاکیدی را تعریف میکند |
| <strong> | یک متن مهم را تعریف میکند |
| <dfn> | یک اصطلاح تعریف شده را تعریف می کند |
| <code> | یک قطعه از کد کامپیوتری را تعریف می کند |
| <samp> | یک خروجی نمونه از برنامه کامپیوتری تعریف می کند |
| <kbd> | ورودی صفحه کلید را تعریف می کند |
| <var> | یک متغیر تعریف می کند |
به مثال زیر توجه کنید:
1 2 3 4 5 6 7 | <!DOCTYPE html> <html> <body> <p><dfn>Definition</dfn>: To define the meaning of a word, phrase or term.</p> <p>Have you heard that <dfn><abbr title=“HyperText Markup Language”>HTML</abbr></dfn> is the predominant markup language for Web pages?</p> </body> </html> |
مثال فوق را در یک ادیتور مانند notepad کپی کرده و آن را با پسوند html ذخیره کنید . با کلیک بر روی فایل ایجاد شده ، میتوانید نتیجه کدهای نوشته شده در فایل را در مروگر مشاهده کنید:
تگ dfn و کاربرد آن در html
تگ dfn و کاربرد آن در html
عنصر dfn در عناصر p و section یا فهرست توصیفی ( معمولا dt یا dd ) قرار میگیرد .
مقدار دقیق واژه ی تعریف شده، توسط قوانین زیر تعیین می شود:
- اگر عنصر dfn دارای خاصیت title باشد ، پس واژه، مقدار خاصیت title است.
- اگر عنصر dfn شامل عنصر abbrبه همراه با خاصیت title باشد، پس واژه، مقدار خاصیت title است.
- در غیر این صورت، محتوای متن عنصر dfn، واژه تعریف شده خواهد بود.
تفاوت بین HTML 4.01 و HTML5
هیچ تفاوتی بین تگ dfn در HTML4 و HTML5 وجود ندارد.
خاصیت ها
تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .
۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:
خاصیت ویژه عنصر
خاصیت عمومی
خاصیت رویداد
خاصیت ویژه عنصر
تگ dfn هیچ خاصیت ویژه ای ندارد
خاصیت های عمومی
تگ dfn از خاصیت های عمومی HTML پشتیبانی میکند
| accesskey | hidden | itemtype |
| class | id | lang |
| contenteditable | inert | spellcheck |
| contextmenu | itemid | style |
| dir | itemprop | tabindex |
| draggable | itemref | title |
| dropzone | itemscope | translate |
خاصیت های رویداد
تگ dfn از خاصیت های رویداد در 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 | ontimeupdate |
| ondrop | onmouseout | onvolumechange |
| ondurationchange | onmouseover | onwaiting |
| onemptied | onmouseup |
پشتیبانی مرورگر :
برچسب dfnدر همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
خب دوستان به پایان مقاله آموزشی آشنایی با تگ dfn و کاربرد آن در html رسیدیم. از توجه و همراهی شما سپاسگزاریم. در صورنی که نیاز به مطالبی در زمینه هاستینگ و سرور مجازی کشور های مختلف دارید می توانید سایر مقالات این سایت را مطالعه نمایید.
