آموزش تگ 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>