پرش به محتوا

اچ‌تی‌ام‌ال/پابرگ

ویکی‎کتاب، کتابخانهٔ آزاد
مقدمه بندها قلم پیوند تصاویر رسانه‌ها
فریم جدول‌بندی یادداشت‌ها تقسیم‌بندی (div) فهرست‌بندی رویدادها
سربرگ (هدر) پابرگ (فوتر) پیوند ناوبری سبک‌ها فهرست تگ‌ها ‎‏سرمتن‌ها
‎‏عنصرها

‎نکته:‏

آموزش‌های این برگه همانند سربرگ (هدر) است و تفاوت بسیار زیادی ندارد

‎نکته:‏

آموزش‌های این برگه پیرامون نسخه ۵ اچ‌تی‌ام‌ال است


در گذشته (قبل از ظهور اچ‌تی‌ام‌ال۵) از برچسب ‏‎<div>‎‏ برای تقسیم‌بندی و جداسازی سربرگ (هدر)، پابرگ (فوتر) و درون‌مایه استفاده می‌شد. اما در اچ‌تی‌ام‌ال۵ سه برچسب تازه برای این‌کار تعریف شده. این سه برچسب، جایگزین و رقیب سرسختی برای برچسب ‏‎<div>‎‏ هستند.

یکی از این برچسب‌ها، ‏‎<footer>‎‏ است که یک پابرگ (فوتر) برای یک بخش می‌سازد. به باور برخی این برچسب تنها برای ساخت پابرگ (فوتر) برگه است و جای دیگری (همانند عنصر ‏main‏) قابل استفاده نیست، اما در همه‌جا می‌توان از آن به‌عنوان پابرگ آن قسمت استفاده کرد.

این عنصر دارای ویژگی منحصر به فردی نیست و باید با افزودن خاصیت‌هایی (چون ‏style‏ یا ‏class‏) آن را معنادار کرد.

نحوه تعریف پابرگ

[ویرایش]

برای تعریف یک پابرگ کافیست از برچسب ‏‎<footer>‎‏ استفاده کنید:

<footer>
این یک پابرگ است!‏
</footer>

اما هیچ‌کس دوست ندارد که فقط یک متن خالی به نمایش درآید. با سی‌اس‌اس می‌توان آن را زیباتر نمود. چهار راه برای این کار وجود دارد:

  1. ‎استفاده از سبک درون‌خطی
  2. ‎استفاده از سبک خارجی
    1. ‎ویژگی کلاس
    2. ‎ویژگی آیدی
    3. ‎نام برچسب

زیباسازی پابرگ

[ویرایش]

برای زیباسازی پابرگ باید از سی‌اس‌اس استفاده کرد. در زیر رنگ پس‌زمینه یک پابرگ را نارنجی کرده ایم:

<footer style="background-color: orange;">
این یک پابرگ با پس‌زمینه نارنجی است!‏
‎</footer>

شما می‌توانید رنگ پس‌زمینه، تصویر پس‌زمینه، اندازه (پهنا و بلندی)، رنگ متن و ... را با سی‌اس‌اس تغییر دهید.

منابع

[ویرایش]

کاربران ویکی‌کتاب فارسی