الفرق بين المراجعتين لصفحة: «HTML/footer»

المراجعة الحالية بتاريخ 03:44، 18 فبراير 2018

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

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

<footer>
  © 2018 حسوب، شركة ذات مسؤولية محدودة. جميع الحقوق محفوظة.
</footer>

بطاقة العنصر

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

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

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

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

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

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

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

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

footer {
  display: block;
}

مصادر ومواصفات

معيار HTML Living Standard.
مواصفة HTML5.

@@ سطر 3: / سطر 3: @@
 مثال عن استخدام العنصر <code><footer></code> لإظهار حقوق النشر لعنصر <code>[[HTML/article|<article>]]</code>.<syntaxhighlight lang="html">
 <footer>
-   Some copyright info or perhaps some author
+   © 2018 حسوب، شركة ذات مسؤولية محدودة. جميع الحقوق محفوظة.
-  info for an &lt;article&gt;?
 </footer>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 47: / سطر 47: @@
 *يمكن وضع معلومات التواصل مع الكاتب ضمن عنصر <code>[[HTML/address|<address>]]</code> الذي يُضمَّن داخل العنصر <code><footer></code>.
 *العنصر <code><footer></code> ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><footer></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>:<syntaxhighlight lang="css">
+footer {
+  display: block;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==
@@ سطر 53: / سطر 60: @@
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
 [[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
-[[تصنيف:Content sectioning|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Content sectioning|{{SUBPAGENAME}}]]