<code>: عنصر CODE
آخر تحديث: 2026-10-13
<code>عنصر CODE
يميز مقطعًا من كود الحاسوب، يُعرض بخط أحادي المسافة افتراضيًا.
| الفئة | تنسيق |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </code> وسم |
| الحالة | قياسي |
📝 البنية
<code>مقطع كود</code>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <code> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： للكود متعدد الأسطر، ضع <code> داخل <pre> للحفاظ على فواصل الأسطر والمسافات البادئة.
❓ الأسئلة الشائعة
Qما الفرق بين code و pre؟
A
<code> يميز الشيفرة السطرية وتظهر مع سريان النص؛ بينما <pre> يحافظ على فواصل الأسطر والمسافات كما في المصدر ويناسب كتل الشيفرة الكاملة. وكثيرًا ما يُدمجان: <pre><code>…</code></pre> لعرض شيفرة متعددة الأسطر — الـ pre يتولى التنسيق والـ code يتولى الدلالة.Qكيف تُعرض علامتا أصغر وأكبر داخل وسم code؟
Aيلزم استخدام كيانات HTML للتهريب: علامة الأصغر تكتب
< وعلامة الأكبر تكتب >. مثلًا لعرض <div> يجب كتابة <div> في المصدر، وإلا تعامل المتصفحات ما بين العلامتين كوسوم حقيقية وتحللها.Qهل يحتاج وسم code إلى تحديد الخط؟
Aيعرض المتصفح محتوى
<code> بخط أحادي المسافة (monospace) افتراضيًا فلا حاجة غالبًا لضبط يدوي. ولتوحيد النمط حدد font-family عبر CSS، ويستحسن كتابة حزمة خطوط أحادية كاملة كخيارات بديلة لتناسب أنظمة التشغيل المختلفة.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
