آموزش HTML – تگ footer

نویسنده : مرتضی گنج | تاریخ انتشار : 2020/01/10 | بخش : آموزش HTML

تعریف و کاربرد تگ footer در HTML

تگ footer تگی است که ما با استفاده از آن می توانیم ( فوتر / Footer ) از بخش یک ( عنصر / صفحه ) را ایجاد نماییم.

ممکن است بدانید که هر یک از وب سایت های موجود در اینترنت دارای یک بخش می باشند، به اسم فوتر یا به انگلیسی Footer که در این بخش معمولا اطلاعات تماس یا اطلاعات کپی رایت و یا مثلا تعدادی لینک برای دسترسی سریع به سایت قرار می گیرد.

بطور کلی می تونیم فوتر یا Footer رو اینجوری تعریف کنیم، به پایینی ترین بخش از یک صفحه که محتوای آن مرتبط با محتوای اصلی آن صفحه است را فوتر میگوییم.

  • تگ <footer> یک پانویس برای یک سند یا یک بخش تعریف می کند.
  • تگ <footer> باید شامل اطلاعاتی مربوط به عنصر حاوی اش باشد.
  • تگ <footer> به طور معمول شامل نام نویسنده سند، کپی رایت، لینک ها به واژه های مورد استفاده، اطلاعات تماس، و … می باشد.
  • شما می توانید چندین عنصر <footer> در یک سند داشته باشید.

مثال از تگ footer در HTML

<section>
  <article class="main-content">
   <h1>آموزش HTML</h1>
    <p>آموزش آنلاین برنامه نویسی</p>
	<p>در سایتکده به صورت آنلاین و رایگان زبان های مختلف برنامه نویسی آموزش داده می شود .</p>
     <footer class="footer-content">
      <p>در <time datetime="2020-01-10 12:00"><ins>20 دی</ins></time> توسط مرتضی گنج</p>
     </footer>
  </article>
</section>

تمرین کنید !

 

پشتیبانی مرورگرها از تگ <footer>

Element
<footer> ۶٫۰ ۴٫۰ ۹٫۰ ۵٫۰ ۱۱٫۱