علامة <footer> HTML
مثال
مقطع تذييل في مستند:
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تحدد العلامة <footer>تذييل الصفحة لمستند أو قسم.
يحتوي <footer>العنصر عادةً على:
- معلومات التأليف
- معلومات حقوق التأليف والنشر
- معلومات التواصل
- خريطة الموقع
- العودة إلى أعلى الروابط
- الوثائق ذات الصلة
يمكن أن يكون لديك عدة <footer>عناصر في وثيقة واحدة.
نصائح وملاحظات
نصيحة: يجب أن تدخل معلومات الاتصال داخل <footer>عنصر ما داخل علامة
<address> .
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم العنصر بشكل كامل.
| Element | |||||
|---|---|---|---|---|---|
| <footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
السمات العالمية
تدعم <footer>العلامة أيضًا السمات العامة في HTML .
سمات الحدث
تدعم <footer>العلامة أيضًا سمات الحدث في HTML .
مزيد من الأمثلة
مثال
استخدم CSS لتصميم <footer>:
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color:
white;
}
</style>
</head>
<body>
<footer>
<p>Author: Hege Refsnes<br>
<a href="mailto:[email protected]">[email protected]</a></p>
</footer>
</body>
</html>
الصفحات ذات الصلة
مرجع DOM HTML: كائن التذييل
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <footer>العنصر بالقيم الافتراضية التالية:
footer {
display: block;
}