برچسب <footer> HTML

تعریف و استفاده

<footer> برچسب‌ها تعریف پایش صفحه مستند یا بخش را می‌کنند.

<footer> عناصر معمولاً شامل:

  • اطلاعات نویسنده
  • اطلاعات حق نشر
  • اطلاعات تماس
  • نقشه وب‌سایت
  • لینک بازگشت به بالا
  • صفحات مرتبط

شما می‌توانید چندین صفحه مرتبط را در یک مستند شامل کنید <footer> عناصر.

لطفاً به:

دستورالعمل HTML DOM:اشیاء Footer

مثال

مثال 1

بخش پایش صفحه مستند:

<footer>
  <p>نویسنده: بیل گیتس</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

آزمایش کنید

مثال 2

از CSS تنظیم می‌شود <footer> طرح:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  رنگ: سفید;
}
</style>
</head>
<body>
<footer>
  <p>نویسنده: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

آزمایش کنید

نکات و توضیحات

نکته:<footer> اطلاعات تماس باید در این عنصر قرار گیرند <address> در برچسب‌ها.

ویژگی‌های جهانی

<footer> این برچسب نیز از ویژگی‌های رویداد پشتیبانی می‌کند ویژگی‌های جهانی در HTML.

ویژگی‌های رویداد

<footer> این برچسب نیز از ویژگی‌های رویداد پشتیبانی می‌کند ویژگی‌های رویداد در HTML.

تنظیمات CSS پیش‌فرض

بیشتر مرورگرها از تنظیمات پیش‌فرض زیر برای نمایش استفاده می‌کنند <footer> عنصر:

footer {
  display: block;
}

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولیه مرورگرهایی هستند که از این عنصر پشتیبانی می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1