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

من موسوعة حسوب
ط تعديل المثال
إضافة قسمين
 
سطر 6: سطر 6:
</footer>
</footer>
</syntaxhighlight>
</syntaxhighlight>
 
 
== بطاقة العنصر ==
{| class="wikitable" style="width: 100%;"
{| class="wikitable" style="width: 100%;"
|-
|-
سطر 46: سطر 47:
*يمكن وضع معلومات التواصل مع الكاتب ضمن عنصر <code>[[HTML/address|<address>]]</code> الذي يُضمَّن داخل العنصر <code><footer></code>.
*يمكن وضع معلومات التواصل مع الكاتب ضمن عنصر <code>[[HTML/address|<address>]]</code> الذي يُضمَّن داخل العنصر <code><footer></code>.
*العنصر <code><footer></code> ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند.
*العنصر <code><footer></code> ليس عنصرًا تقسيميًا (sectioning element) أي أنه لن يؤدي إلى إنشاء قسم جديد في المستند.
== التنسيق الافتراضي ==
تعرض أغلبية المتصفحات العنصر <code><footer></code> مع ضبط الخاصية <code>[[CSS/display|display]]</code> إلى <code>block</code>:<syntaxhighlight lang="css">
footer {
  display: block;
}
</syntaxhighlight>


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

المراجعة الحالية بتاريخ 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;
}

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