تگ abbr و کاربرد آن در html
تگ <abbr> برای نشان دادن یک مخفف استفاده می شود. این تگ اغلب با خاصیت عمومی title همراه خواهد بود که امکان ارائه عبارت کامل یک مخفف را فراهم میکند . در صورت استفاده از تگ title فقط از عبارت کامل مخفف باید استفاده کرد .
هدف این است که مرورگرها و دیگر فن آوری های کمکی این اطلاعات را تفسیر و در صورت تقاضا در یک فرمت مناسب به کاربر ارائه کنند.
برخی از اسناد، با توجه به ماهیتشان، ممکن است از اختصارات متعددی تشکیل شده باشند. نشانه گذاری هر یک این اختصارات در یک سند ، می تواند برای نویسنده خسته کننده باشد و در بعضی از مرورگرها ظاهر بسیار ناخوشایندی ایجاد کند. قرارداد کلی این است که اولین نمونه ی هر مخفف نشانه گذاری شود.
به مثال زیر توجه کنید :
[php]
<p>The page had the phrase PTO (Please Turn Over) written on it. If
only I knew what PTO meant! So I turned the page to see if that
revealed the answer.</p>
[/php]
مطابق شکل زیر، در مرورگر با قرار دادن ماوس بر روی کلمه HTML، عبارت کامل مخفف ظاهر خواهد شد .
تفاوت بین HTML 4.01 و XHTML
هیچ تفاوتی بین تگ < abbr > در HTML4 و XHTML وجود ندارد.
تفاوت بین HTML 4.01 و HTML5
هیچ تفاوتی بین تگ < abbr > در HTML4 و HTML5 وجود ندارد.
خاصیت ها
تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .
۳ نوع خاصیت که شما می توانید به تگ های HTML خود را اضافه وجود دارد:
- خاصیت ویژه عنصر
- خاصیت عمومی
- خاصیت رویداد
خاصیت ویژه عنصر
تگ <abbr> هیچ خاصیت ویژه ای ندارد.
خاصیت عمومی
تگ <abbr> از خاصیت های عمومی HTML پشتیبانی میکند.
accesskey |
hidden |
itemtype |
class |
id | lang |
contenteditable | inert |
spellcheck |
contextmenu |
itemid | style |
dir | itemprop |
tabindex |
draggable |
itemref | title |
dropzone | itemscope |
translate |
خاصیت رویداد
تگ <abbr> از خاصیت رویداد در 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 |
پشتیبانی مرورگر ها
تگ < abbr> در همه مرورگرهای اصلی پشتیبانی می شود اما ظاهر پیش فرض این عنصر در مرورگرهای مختلف، متفاوت است، در هر صورت هدف این عنصر صرفا راحتی نویسنده و مرورگر ها می باشد. اپرا، فایرفاکس و برخی دیگر یک خط نقطه چین به زیر محتوای عنصر اضافه میکنند. به شدت توصیه می شود که نویسندگان وب به استایل پیش فرض متکی نباشند. توجه داشته باشید که اینترنت اکسپلورر قدیمی تر از IE7 این عنصر را پشتیبانی نمیکند.
بسیاری از مردم با توجه به مسائل مربوط به سازگاری با مرورگرها ، ترجیح می دهند از این عنصر استفاده نکنند. در عوض، آنها عبارت کامل مخفف را در سند می نویسند، به مثال زیر توجه کنید :
[php] The <abbr title="HyperText Markup Language">HTML</abbr> tag. Note that, at the time of writing, the HTML abbr tag has limited browser support. [/php]
توجه: برچسب <abbr> در IE 6 یا نسخه های قدیمی تر پشتیبانی نمی شود.