آموزش و يادگيري تگ footer در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <footer> آشنا مي‌شويم. اين تگ براي تعريف بخش پاييني صفحات وب يا بخش‌هاي معنايي پاياني يک بخش استفاده مي‌شود.

تگ footer در HTML چيست؟

تگ <footer> معمولاً شامل اطلاعاتي مانند حقوق کپي‌رايت، لينک‌هاي تماس، لينک‌هاي مهم سايت يا اطلاعات اضافي ديگر است. اين تگ مي‌تواند داخل <body> يا داخل بخش‌هاي ديگر مثل <article> يا <section> قرار بگيرد.

مثال ساده از تگ footer

<footer>
  <p>© 2025 آموزش دون. تمامي حقوق محفوظ است.</p>
  <a href="/contact">تماس با ما</a>
</footer>

در اين مثال، اطلاعات حقوقي و لينک تماس در بخش پاياني صفحه نمايش داده شده‌اند.

ويژگي‌هاي مهم تگ footer

ويژگي	توضيح
class	اعمال استايل CSS به بخش footer
id	شناسه يکتا براي ارجاع يا استايل‌دهي
style	اعمال استايل مستقيم به footer

مثال با استايل CSS

<style>
  footer {
    background-color: #f5f5f5;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #ccc;
  }
  footer a {
    color: #2196f3;
    text-decoration: none;
    margin-left: 10px;
  }
</style>

<footer>
  <p>© 2025 آموزش دون. تمامي حقوق محفوظ است.</p>
  <a href="/contact">تماس با ما</a>
</footer>