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

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

هشدار: سربرگ‌ها با سرمتن‌ها یکی نیستند پس آن‌ها را به‌جای یکدیگر به کار نبرید

‏

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

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

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

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

نحوه تعریف سربرگ

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

<header>
این یک سربرگ است!
</header>

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

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

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

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

<header style="background-color: lime;">
این یک سربرگ با پس‌زمینه سبز است!
</header>

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

منابع

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

جستارهای وابسته

• ‎‏پابرگ (فوتر)‏
• ‎‏مقدمه‏

‏