المان kbd برای نشان دادن ورودی های کاربران (عموما ورودی کیبورد) استفاده میشود. المان kbd بصورت اینلاین inline نمایش میدهد و بصورت پیش فرض با فونت monospace نمایش داده میشود.
مثال
<p>Type the following in the Run dialog: <kbd>cmd</kbd><br />Then click the OK button.</p>
اتریبیوتها
این المان از اتریبیوت های جهانی استفاده میکنند.
نکاتی که باید در ذهن داشته باشید
- برای تغییر فونت پیش‌فرض مرورگرها از CSS استفاده کنید.
- زمانی که المان
kbdدرون المانsampقرار بگیرد نشان میدهد که ورودی توسط سیستم منعکس شده است. - زمانی که المان
kbdدرون خود المانsampرا دارد نشان میدهد که ورودی براساس خروجی سیستم است. - زمانی که المان
kbdدرون یک المانkbdدیگر قرار دارد، نشان دهنده کلید یا ورودی دیگری است که برای مکانیسم ورودی مناسب است.
در این مثال از کاربر خواسته شده است تا یک منو را انتخاب کند. المان kbd خارجی برای نشان دادن بلوک ورودی استفاده میشود. المان های درونی kbd برای نشان دادن هر قدم استفاده میشود. المان samp درون آن نشان دهنده این است که هر قدم ورودی براساس چیزی است که توسط سیستم نمایش داده میشود:
<p>To make George eat an apple, select
<kbd><kbd><samp>File</samp></kbd>|<kbd><samp>Eat Apple...</samp></kbd></kbd>
</p>
البته انقدر دقت لازم نیست، میتوان به این شکل هم نوشت:
<p>To make George eat an apple, select <kbd>File | Eat Apple...</kbd></p>