# العنصر footer

> يمثِّل العنصر تذييلًا لأقرب عنصر تقسيمي (sectioning element) أو للمستند كله؛ ويحتوي التذييل عادةً على معلومات حول كاتب المحتوى أو معلومات حقوق النشر أو وصلا...

- Canonical URL: https://coreiten.com/article/العنصر-footer
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-08-10T00:00:00+03:00
- Modified: 2026-01-31T00:35:12+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: ما هو العنصر footer في html, شرح العنصر footer, مثال عن العنصر footer, خاصيات العنصر footer, التنسيق الافتراضي للعنصر footer, دعم متصفحات العنصر footer, بطاقة العنصر footer, تعلم html من الصفر

---

**ذيل الصفحة <footer>**

يمثِّل العنصر `<footer>` تذييلًا لأقرب عنصر تقسيمي (sectioning element) أو للمستند كله؛ ويحتوي التذييل عادةً على معلومات حول كاتب المحتوى أو معلومات حقوق النشر أو وصلات إلى مستندات مفيدة.

مثال عن استخدام العنصر `<footer>` لإظهار حقوق النشر لعنصر `<article>`.

```html
<footer>
  © 2021 الموسوعة التقنية . جميع الحقوق محفوظة
</footer>
```

## بطاقة العنصر

| تصنيفات المحتوى | عنصر تنظيمي. |
| --- | --- |
| المحتوى المسموح | المحتوى التنظيمي، ما عدا العنصرين <footer> أو <header>. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى التنظيمي. لاحظ أنَّ العنصر <footer> لا يجوز أن يكون ابنًا للعنصر <address> أو <header> أو عنصر <footer> آخر. |
| واجهة DOM | HTMLElement |

## دعم المتصفحات

| Chrome | Firefox | Edge | Safari | Opera |
| --- | --- | --- | --- | --- |
| 5 | 4.0 | مدعوم | 4.1 | 11.10 |

## الخاصيات

يمكن استخدام [الخاصيات العامة](https://coreiten.com/article/%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9) في هذا العنصر.

## ملاحظات الاستخدام

- يمكن وضع معلومات التواصل مع الكاتب ضمن عنصر `<address>` الذي يُضمَّن داخل العنصر `<footer>`.
- العنصر `<footer>` ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند.

## التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر `<footer>` مع ضبط الخاصية `display` إلى `block`:

```css
footer {
  display: block;
}
```

## مواضيع ذات صلة

- [تعلم html من الصفر](https://coreiten.com/topic/%D8%AA%D8%B9%D9%84%D9%85-html-%D9%85%D9%86-%D8%A7%D9%84%D8%B5%D9%81%D8%B1)