: عنصر SPAN
آخر تحديث: 2026-09-12
<span>عنصر SPAN
عنصر <span> حاوية مضمّنة عامة بلا معنى دلالي. يُستخدم لتنسيق جزء من النص أو كخطاف لـ JavaScript دون التسبب في فواصل أسطر.
| الفئة | محتوى النص |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </span> وسم |
| الحالة | قياسي |
📝 البنية
<span>محتوى مضمّن</span>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <span> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
❓ الأسئلة الشائعة
Qما الفرق بين و
؟
A
<div> عنصر على مستوى الكتلة (يأخذ العرض الكامل، يبدأ في سطر جديد)، بينما <span> عنصر مضمّن (يأخذ فقط العرض المطلوب، يبقى في نفس سطر النص).Qهل يمكن أن يحتوي على عناصر كتلة؟
Aلا،
<span> عنصر مضمّن ولا يمكن قانونيًا أن يحتوي على عناصر على مستوى الكتلة مثل <div> أو <p> أو العناوين. استخدم <div> أو حاوية دلالية إذا كنت بحاجة إلى محتوى على مستوى الكتلة.Qمتى يجب استخدام بدلاً من أو ؟
Aاستخدم
<em> للتأكيد (دلالي، يؤثر على قارئات الشاشة)، و <strong> للأهمية القوية، و <span> فقط عندما تحتاج إلى خطاف inline عام لتصميم CSS بدون معنى دلالي.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
