گروه عنوان (hgroup)
«گروه عنوان (hgroup)» برای کنارهم گذاشتن یک سرفصل و توضیح کوتاه است. مثل تابلوی کلاس و زیرتیترش. این کار بخش عنوان را یک جا نگه می دارد.
تعریف و کاربرد «hgroup»
طبق منبع، «hgroup» دور یک «سرفصل (Heading)» و یک یا چند پاراگراف می آید. سرفصل می تواند هرکدام از «h1» تا «h6» باشد.
نکته: «hgroup» در مرورگر ظاهر خاصی ندارد. اما با CSS می توان آن را و محتوایش را استایل داد.
نمونه: ربط عنوان و توضیح
<hgroup>
<h2>Norway</h2>
<p>The land with the midnight sun.</p>
</hgroup>
نمایش پیش فرض در مرورگرها
مرورگرها «hgroup» را به صورت بلوک نمایش می دهند. یعنی از سطر جدید شروع می شود.
hgroup {
display: block;
}
کِی از hgroup استفاده کنم؟
وقتی یک عنوان داری و زیرش توضیح کوتاه می آید. مثلاً اسم درس و شعار کلاس. این دو را با «hgroup» هم خانواده کن.
پیوندهای مرتبط
برای آشنایی با سرفصل ها به سرفصل ها (h1–h6) برو. برای سربرگ صفحه هم سربرگ (header) را ببین.
تمرین گام به گام
- یک «hgroup» بساز. سپس یک «h2» داخلش بگذار.
- یک «p» توضیحی زیر عنوان بنویس. سپس ذخیره کن.
- با CSS فاصله ها را تنظیم کن. سپس نتیجه را بررسی کن.
جمع بندی سریع
- hgroup عنوان و توضیح را گروه می کند.
- ظاهر خاصی ندارد؛ با CSS استایل بده.
- نمایش آن بلوکی است.
- سرفصل می تواند h1 تا h6 باشد.