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

آموزش تگ footer در HTML - راهنمای کار با زیر نویس و پا صفحه در html

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

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

در یک صفحه می توان ازچندین تگ footer استفاده کرد.


مثال تگ footer در HTML

مثال 1:

 <footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>


مثال 2: استفاده از تگ footer در پا صفحه

<div>
 <header>
  <p>هدر</p>
 </header>
 
 <div>
  <p>محتوا</p>
 </div>
 
 <footer>
  <p>فوتر</p>
 </footer>
</div>


مثال شماره ۳ : استفاده از تگ footer در تگ article برای مشخص کردن فوتر پست های سایت

<div class="my-box">
<section>
 <article class="my-content">
  <h1>آموزش HTML</h1>
  <p>این متن آموزش HTML است.</p>
  <footer class="my-footer">
   <p>نویسنده: مهسا</p>
  </footer>
 </article>
</section>
</div>


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

تگ footer در مرورگرهای کروم 5، فایرفاکس 4، اپرا 11.1، سافاری 5، اینترنت اکسپلورر 9 به بالا پشتیبانی می شود.

مرورگر کروم فایرفاکس اپرا سافاری اینترنت اکسپلورر / اج
پشتیبانی 5 4 11.1 5 9


پشتیبانی از ویژگی ها و رویدادهای عمومی

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


دستورات CSS پیش فرض

معمولا مرورگرها تگ footer را بصورت پیش فرض با دستورات CSS زیر نمایش می دهند.

footer {
  display: block;
}

 

موضوع: آموزش HTML
کلمات کلیدی: ، ، ، ، ، ، ، ، ، ، ،
اشتراک گذاری:          
لینک کوتاه:

نظرات نظرات تا اطلاع ثانوی غیر فعال است.