وسم المقال المستقل <article>

وسم article لمحتوى مكتمل بذاته يصلح للتوزيع منفردًا — تدوينة، خبر، تعليق، بطاقة منتج.

اختبار الاستقلالية هو مفتاحه: لو أُخذ هذا الجزء ونُشر في موقع آخر أو خلاصة RSS، هل يظل مفهومًا كاملًا؟ إن نعم فهو article — تدوينة، خبر، تعليق مستخدم، بطاقة منتج في شبكة عرض.

يتداخل بمرونة: article لمقال يحوي section لفصوله، وsection لقسم «آخر الأخبار» يحوي article لكل خبر. محركات البحث تستفيد منه لفهم وحدات المحتوى القابلة للفهرسة المستقلة.

الصياغة

<article>
  <h2>عنوان التدوينة</h2>
  <p>محتوى مكتمل بذاته...</p>
</article>

⚡ جرّب بنفسك

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

🎨 محرّر HTML/CSS

<article style="border:1px solid #ddd; padding:16px; border-radius:10px">
  <h3 style="margin-top:0">حل خطأ SyntaxError</h3>
  <p style="color:#666; font-size:14px">نُشر في 8 يوليو 2026</p>
  <p>أول خطأ يقابل كل متعلم بايثون...</p>
  <a href="#">اقرأ المزيد ←</a>
</article>

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

أهم الخصائص

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

💡 نصائح عملية

بطاقات المنتجات والمقالات في الشبكات = article لكل بطاقة
اقرن كل article ببيانات منظمة (JSON-LD) لنتائج بحث غنية

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

استخدامه لأجزاء لا تقف وحدها — هذه section أو div
article واحد ضخم يلف الصفحة كلها بما فيها التنقل والتذييل

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

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