تگ kbd در HTML

به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ kbd در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.

تگ kbd چیست؟

تگ kbd که اشاره به عبارت Keyboard Input دارد و معنای آن به زبان فارسی ورودی صفحه کلید می شود برای نمایش ورودی صفحه کلید به کار می رود.

با استفاده از تگ kbd می توان ورودی های صفحه کلید مانند SHIFT و ... را در مطالب آموزشی نمایش داد.

این تگ در ظاهر برای کاربران تفاوت چندانی با متن معمولی ندارد ولی به موتورهای جستجو جهت درک بهتر محتوا کمک فراوانی می کند.

این تگ با <kbd> شروع شده و با </kbd> پایان می یابد.

<kbd>Text</kbd>

مثال تگ kbd

کد:

<p>Copy: <kbd>CTRL</kbd> + <kbd>C</kbd></p>
<p>Paste: <kbd>CTRL</kbd> + <kbd>V</kbd></p>

تنظیمات پیش فرض CSS

تنظیمات پیش فرض CSS تگ kbd در اکثر مرورگرها به صورت زیر است:

kbd {
  font-family: monospace;
}

سازگاری با مرورگرها

تگ kbd با مرورگرهای زیر سازگار است:

  • گوگل کروم
  • فایرفاکس
  • اج
  • اپرا
  • سافاری
  • گوگل کروم اندروید
  • فایرفاکس اندروید
  • اپرا اندروید
  • سافاری iOS

معرفی مطالب در این زمینه