<aside>

وسم المحتوى الجانبي <aside>

وسم aside لمحتوى مرتبط بشكل غير مباشر بما حوله — الأشرطة الجانبية، صناديق «معلومة إضافية»، الإعلانات.

اختبار الحذف هو معياره: لو حُذف هذا الجزء، هل يبقى المحتوى الرئيسي مفهومًا كاملًا؟ إن نعم فهو aside — الشريط الجانبي بروابطه، صندوق «هل تعلم؟» داخل مقال، بطاقة تعريف الكاتب، الإعلانات.

ليس مرادفًا لـ«العمود الجانبي» المكاني: aside داخل article يعني «هامش يخص هذا المقال»، وaside ابن body يعني «شريط جانبي للموقع». الموقع البصري شأن CSS.

الصياغة

<article>
  <p>المحتوى الرئيسي...</p>
  <aside>💡 معلومة جانبية ذات صلة.</aside>
</article>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<p>شرح الحلقات في بايثون يتطلب فهم المسافات البادئة...</p>
<aside style="background:#FDF4DF; border:1px solid #EAD9A8; border-radius:10px; padding:12px; font-size:14px">
  💡 <strong>هل تعلم؟</strong> اسم بايثون جاء من فرقة مونتي بايثون الكوميدية — لا من الأفعى.
</aside>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
—	لا خصائص مميزة — قيمته في دلالته

💡 نصائح عملية

صناديق «معلومة/تحذير/نصيحة» في المقالات مرشح مثالي له
قارئات الشاشة تسمح بتخطيه — لا تضع فيه محتوى جوهريًّا للفهم

⚠️ أخطاء شائعة

وضع محتوى أساسي فيه لأنه «على الجنب» بصريًّا — الموقع شأن CSS والدلالة شأن الوسم
استخدامه بديلًا عامًّا عن section للأقسام العادية

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs