تخطَّ إلى المحتوى

<footer>

وسم التذييل <footer>

وسم footer يمثل تذييل الصفحة أو القسم — الحقوق وروابط التواصل في أسفل الموقع، أو ذيل المقال.

المرآة السفلية لـ header وبنفس الازدواجية: ابن مباشر لـ body فيكون تذييل الموقع (حقوق النشر، روابط سريعة، تواصل اجتماعي)، أو داخل article فيكون ذيل المقال (الكاتب، الوسوم، روابط المشاركة).

وسم دلالي خالص: قيمته أن الآلات — من محركات البحث إلى قارئات الشاشة — تفهم أن محتواه «معلومات ختامية».

الصياغة

<footer>
  <p>© 2026 اسم الموقع — كل الحقوق محفوظة</p>
</footer>

⚡ جرّب بنفسك

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

🎨 محرّر HTML/CSS
<footer style="background:#1a1725; color:#9d97ac; padding:16px; border-radius:10px; text-align:center">
  <p style="margin:0">© 2026 The Code Fix — تعلّم البرمجة بالعربي</p>
</footer>
النتيجة المباشرة:

أهم الخصائص

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

💡 نصائح عملية

  • روابط التذييل الكثيرة؟ نظّمها بقوائم ul بعناوين — تنقل أسهل
  • سنة الحقوق تُحدَّث برمجيًّا حتى لا تتقادم

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

  • div.footer بدل الوسم الدلالي المجاني
  • حشو التذييل بكل شيء — اجعله خريطة مصغرة للمهم فقط

وسوم ذات صلة

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

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