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

تگ <footer> یک پانویس برای یک سند یا یک بخش تعریف می کند.

تگ <footer> باید شامل اطلاعاتی مربوط به عنصر حاوی اش باشد.

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

نکته مهم :

اطلاعات مربوط به تماس داخل تگ <footer>، باید داخل تگ <address> قرار گیرد.

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

به عبارت دیگر شما علاوه بر فوتر اصلی وبسایت خود می توانید برای بخش های مختلف سایت خود اعم از مقالات ( articles ) ، سایدبار ( aside ) ، سکشن های متنوع و… هم از تگ <header> و هم از تگ <footer> استفاده کنید.

مثال در مورد تگ <footer> در بخشی از سند اچ تی ام ال

[html]
<footer>
<p>Posted by: Hege Refsnes</p>
<p>Contact information: someone@example.com</p>
<footer>[/html]

خروجی کد در مرورگر اینترنتی

Contact information: someone@example.com

بررسی تگ <footer> در HTML 4.01 و HTML5

تگ <footer> یک تگ جدید در HTML5 است. و در HTML4.01 و نسخه های قدیمی تر وجود نداشت.

خصوصیات ویژه تگ <footer> در اچ تی ام ال

تگ <footer> هیچ خاصیت ویژه ای در سند HTML ندارد .

خصوصیات عمومی تگ <footer> در اچ تی ام ال

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

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

تگ <footer> در همه مرورگرهای معتبر اینترنتی نظیر اینترنت اکسپلورر ، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.

در جدول زیر اولین نسخه ی مرورگرهای اینترنتی که به طور کامل از تگ <footer> در HTML پشتیبانی کردند را مشاهده می کنید:

پیوندهای مهم و کاربردی

تگ های HTML در سایت آموزی

تگ های جدید HTML5 در سایت آموزی

صفات تگ های HTML در سایت آموزی

تگ های منسوخ شده HTML5 در سایت آموزی

تگ های block level و inline level در سایت آموزی

تگ های HTML در W3school

ویژگی های CSS در سایت آموزی

ویژگی های CSS در W3schools

معرفی و کاربرد تگ footer در HTML عنصر جدید پابرگ – اختصاصی سایت آموزی