تگ footer در HTML

از تگ footer در HTML برای ایجاد یک بخش در سند استفاده می شود.

مثال

<footer>
<p>نویسنده: متین برونسی<br>
<a href="mailto:example@email.com">example@email.com</a></p>
<a href="#">درباره ما</a>
</footer>

تست آنلاین کد

تعریف و کاربرد

تگ footer در HTML یک بخش در صفحه را تعریف میکند ، معمولاً این عنصر در پایین ترین بخش وب سایت قرار میگیرد.

محتوا هایی که درون عنصر <footer> قرار میگیرند:

• اطلاعات نویسنده
• اطلاعات تماس و آدرس
• مقالات پیشنهادی
• نقشه سایت
• لینک ها جهت دسترسی سریع به بخش های مختلف سایت
• مهم ترین صفحات و بخش های سایت
• و…

نکته: برای شرح اطلاعات تماس در تگ <footer> باید از عنصر <address> استفاده کنید.

توجه: کادر آبی رنگی که آخر صفحات و پست های سایت بابلز لرن مشاهده میکنید فوتر وب سایت ما می باشد.

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

خواص عمومی

تگ footer از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ footer از رویداد های عمومی در HTML پشتیبانی میکند.

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

اکثر مرورگر ها عنصر footer در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

footer {
  display: block;
}

مثال های بیشتر

در مثال زیر با استفاده از خواص CSS یک سبک اختصاصی به عنصر <footer> داده ایم: