تگ kbd در HTML: راهنمای جامع
تگ <kbd> یکی از عناصر کمتر شناخته‌شده در HTML است که برای نمایش ورودی‌های صفحه‌کلید یا دستورات تایپ‌شده توسط کاربر استفاده می‌شود. این تگ معمولاً در مستندات فنی، آموزش‌های نرم‌افزاری و راهنماهای کاربردی کاربرد دارد.
تگ kbd مخفف "keyboard input" بوده و به صورت پیش‌فرض متن را با فونت مونواسپیس (مانند Courier) نمایش می‌دهد.
کاربردهای اصلی تگ kbd
- نمایش کلیدهای ترکیبی (مثل Ctrl+C)
- نمایش دستورات ترمینال یا خط فرمان
- راهنمای میانبرهای نرم‌افزاری
- آموزش مراحل کار با سیستم
| مثال |
نتیجه |
| <kbd>Ctrl</kbd> + <kbd>S</kbd> |
Ctrl + S |
| <kbd>F5</kbd> |
F5 |
تفاوت تگ kbd با تگ‌های مشابه
در HTML تگ‌های دیگری مانند <code> و <samp> وجود دارند که ممکن است با تگ kbd اشتباه گرفته شوند:
- <code>: برای نمایش کدهای برنامه‌نویسی استفاده می‌شود
- <samp>: خروجی نمونه از یک برنامه را نمایش می‌دهد
- <kbd>: مخصوص ورودی‌های کاربر از صفحه کلید است
استایل‌دهی به تگ kbd
می‌توانید با CSS ظاهر تگ kbd را سفارشی‌سازی کنید. مثال:
<style>
kbd {
background-color: #f7f7f7;
border:1px solid #ccc;
border-radius:3px;
box-shadow:0 1px 0 rgba(0,0,0,0.2);
padding:2px 4px;
}
</style>
برای اطلاعات بیشتر درباره این تگ، می‌توانید kbd tag و جزئیات کامل را مطالعه نمایید.
نکات مهم در استفاده از تگ kbd
- از این تگ فقط برای ورودی‌های صفحه کلید استفاده کنید
- در صورت نیاز به نمایش چند کلید ترکیبی، هر کلید را در تگ kbd جداگانه قرار دهید
- برای دستورات طولانی، ترکیب با تگ <code> ممکن است مناسب‌تر باشد
- این تگ از تمام مرورگرهای اصلی پشتیبانی می‌شود
