این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ abbr در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ abbr در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ abbr در HTML
تگ abbr که مخفف کلمه Abbreviation می باشد تگی است که با استفاده از اون میتونیم مخفف ها یا درکل همون کلمات اختصاری رو تعریف نماییم.
بفرض مثال کلمه HTML میشه مخفف HyperText Markup Language ، خب حالا همین مخفف رو میتونیم بزاریم داخل تگ abbr ، و کاربردش بیشتر برای مرورگرها و موتورهای جستجوگر می باشد. همین و تموم شد رفت
تگ acronym نیز همانند تگ abbr میتواند مخفف یک کلمه را ایجاد نماید ولی تگ acronym در نسخه های جدید HTML بکل منسوخ شده و دیگه نباید استفاده کرد.
Free-Learn
مثال از تگ abbr در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از صفت title برای نمایش کل اون کلمه مخفف شده ( یعنی وقتی ماوس روی کلمه مخفف چند لحظه وایساد دیگه کل جمله نمایش داده میشه )
|
1 2 3 4 5 |
<body> <p>Site Man <abbr title="Free-Learn">FL</abbr> Hast</p> </body> |
مثال شماره ۲ : ایجاد مخفف برای HTML
|
1 2 3 4 5 |
<body> <p> <abbr title="HyperText Markup Language">HTML</abbr> Zaban Tarahi Web</p> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ abbr در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ abbr از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- به کمک صفت Title میتونیم کاری کنیم که وقتی ماوس روی کلمه مخفف شده چند لحظه وایساد، جمله کامل همون کلمه مخفف شده به کاربر نمایش داده شه.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ abbr را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
abbr { display: inline; } |
