تگ kbd در html

تگ kbd یا keyboard برای تعریف ورودی صفحه کلید استفاده می شود. محتوای تگ <kbd> به صورت پیش‌فرض با فونت monospace نمایش داده می شود.

نحوه استفاده از تگ <kbd>

فرض کنید قرار است به کاربر بگویید که برای کپی کردن باید از کلیدهای ترکیبی Ctrl و C استفاده کند، در این حالت می‌توانید از تگ <kbd> استفاده کنید.

<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>  
 

attribute یا ویژگی‌های قابل استفاده در تگ‌های <kbd>

تگ kbd می‌تواند دارای چندین ویژگی یا attribute باشد که استفاده از این ویژگی‌ها اختیاری است.

Global Attributes

تگ <kbd> از Global Attributes در HTML پشتیبانی می کند.

Event Attributes

تگ <kbd> از Event Attributes in HTML در HTML پشتیبانی می کند.

ویژگی‌های ظاهری پیشفرض در تگ <kbd>

اکثر مرورگرها تگ <kbd> را با مقادیر پیش فرض زیر نمایش می دهند:

kbd{
  display: inline;
  font-family: monospace;
}

آموزش خصوصی طراحی سایت و وردپرس به صورت آنلاین

پروژه محور - ارتباط مستقیم با مدرس