<kbd>: عنصر KBD
آخر تحديث: 2026-10-13
<kbd>عنصر KBD
يميز النص الذي يُتوقع أن يدخله المستخدم من لوحة المفاتيح، ويُستخدم كثيرًا في التوثيق وتلميحات الاختصارات.
| الفئة | تنسيق |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </kbd> وسم |
| الحالة | قياسي |
📝 البنية
<kbd>إدخال لوحة المفاتيح</kbd>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <kbd> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： لمجموعات المفاتيح، غلّف كل مفتاح في <kbd> خاص وافصل بينها بـ + للوضوح.
❓ الأسئلة الشائعة
Qما وظيفة وسم kbd؟
A
<kbd> يميز مُدخلات المستخدم من لوحة المفاتيح (أو الصوت)، مثل <kbd>Ctrl</kbd> + <kbd>C</kbd> لاختصار النسخ. ويعرضه المتصفح بخط أحادي المسافة افتراضيًا، وهو عنصر شائع في وثائق البرمجيات والدروس التقنية.Qهل يمكن تداخل وسم kbd؟
Aنعم. التداخل يميز مستويات المفاتيح: الخارجي للتركيبة كاملة والداخلي لكل مفتاح مفرد، مثل
<kbd><kbd>Ctrl</kbd>+<kbd>S</kbd></kbd>، ومع CSS يمكن إحاطة تركيبة الاختصار بإطار كوحدة واحدة.Qما الفرق بين kbd و code؟
A
<code> يميز «شيفرة البرنامج المعروضة»، و<kbd> يميز «ما يكتبه المستخدم». في الدروس عند مطالبة المستخدم بكتابة أمر استخدم <kbd>npm run dev</kbd>، وعند عرض مقتطف شيفرة استخدم <code>.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
