پرش به محتوا

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

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

‎نکته:‏

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


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

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

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

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

[ویرایش]

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

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

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

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

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

[ویرایش]

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

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

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

منابع

[ویرایش]

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

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

[ویرایش]