پاورقی (footer)
تگ «پاورقی (Footer)» برای بخش پایانی صفحه یا یک بخش است. معمولاً شامل نویسنده، کپی رایت، لینک تماس و لینک های کمکی است. این تگ معنایی است؛ یعنی معنی محتوا را برای مرورگر و سئو روشن می کند.
پاورقی دقیقاً چه می کند؟
پاورقی (footer) انتهای سند یا بخش قرار می گیرد. سپس اطلاعاتی مثل نویسنده، کپی رایت و لینک «بازگشت به بالا» می آید.
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
محتوای مناسب داخل پاورقی
معمولاً موارد زیر در پاورقی می آیند. چون برای خواننده و سئو مفیدند.
- نام نویسنده و تیم محتوا
- اطلاعات کپی رایت
- ایمیل یا راه های تماس
- نقشه سایت یا لینک های کمکی
- لینک «بازگشت به بالا»
- لینک به اسناد مرتبط
نکته: اطلاعات تماس را داخل تگ address بگذار. چون برای معنا و دسترس پذیری بهتر است.
استایل دادن به پاورقی با CSS
با چند خط CSS، پاورقی را خواناتر کن. سپس هم تراز، رنگ و پس زمینه بده.
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
</style>
</head>
<body>
<footer>
<p>Author: Hege Refsnes<br></p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>
گام های عملی
- ابتدا تگ پاورقی را بساز.
- سپس اطلاعات نویسنده و کپی رایت را اضافه کن.
- بعد لینک تماس و لینک های مفید را بگذار.
- در پایان با CSS ظاهر را تنظیم کن.
پاورقی (footer) را در پروژه خودت استاندارد استفاده کن. همچنین برای فرم ها می توانی بخش بعدی را ببینی: فرم (form).
جمع بندی سریع
- پاورقی انتهای سند یا بخش است.
- شامل نویسنده، کپی رایت و تماس است.
- تماس را در تگ address قرار بده.
- با CSS ظاهر را بهبود بده.