تگ kbd در HTML

تگ kbd در HTML

دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 15 آذر 1399

با تگ kbd در HTML در این مقاله آشنا می شویم.

نکات اصلی تگ kbd در HTML

  • تگ <kbd> تگ ورودی صفحه کلید است (یکی از عبارت های عبارت).
  • می توانید <kbd> را با استفاده از CSS اضافی سفارشی کنید.
  • از آن برای دستورات کوتاه و نه عبارات استفاده کنید.

استفاده از kbd

تگ <kbd> ورودی صفحه کلید کاربر را مشخص می کند. به همین دلیل هنگام نمایش اسناد کاربر (مانند اینکه روی صفحه یا دکمه صفحه کلید باید فشار دهید) ، فشار دادن کلیدها و حتی دستورالعمل های مربوط به دستورات انعکاسی (هنگامی که سیستم آنچه را که وارد شده بود سیستم تکرار می کند) بسیار مفید است. این تفاوت ها را می توان با قرار دادن تگ kbd در samp یا تگ های kbd بیشتر بدست آورد:

  • اگر عنصر kbd را درون تگ samp لانه کنید ، مانند دستور echoed عمل می کند: از دستور ورودی که قبلاً تایپ شده بود (یعنی ورودی من) خارج می شود.
  • اگر عنصر kbd را لانه کنید ، به عنوان نمایش کلید (به عنوان مثال CTRL) مشاهده می شود.
  • اگر درون تگ kbd لانه کنید ، گزینه های ورودی روی صفحه مانند نام ناوبری یا دکمه ها (یعنی لغو) نمایش داده می شود.

این تگ معمولاً با قلم ساده و با عرض ثابت (تک فضا) نمایش داده می شود.

<kbd>CTRL</kbd> 
<kbd>ALT</kbd>

بخاطر بسپار: سبک پیش فرض kbd با قلم monospace است.

مثال زیر <kbd> را با CSS سبک می کند

<p>Please press <kbd>CTRL</kbd> + <kbd>ALT</kbd> to undo the last operation.</p>

توصیه می شود عناصر kbd سبک شوند زیرا در غیر این صورت با عناصر کد یکسان نیستند.

توجه: هیچ ویژگی خاصی برای تگ kbd وجود ندارد. با این حال ، همه ویژگی های جهانی را شامل می شود.

پشتیبانی از مرورگر

این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera  و Edge پشتیبانی می شود.

در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊