بخش (section)
تگ «بخش (section)» یک قسمت معنی دار از صفحه را مشخص می کند. مثل فصل های یک کتاب. معمولا شامل عنوان و چند پاراگراف است. بنابراین خواندن صفحه راحت تر می شود.
تعریف و کاربرد تگ section
تگ «section» برای یک بخش مستقل استفاده می شود. بهتر است هر بخش عنوان داشته باشد. سپس محتوا زیر همان عنوان می آید. این کار ساختار صفحه را منظم می کند.
نمونه ساده تگ section
<section>
<h2>WWF History</h2>
<p>The World Wide Fund for Nature (WWF) is an international organization...</p>
</section>
<section>
<h2>WWF's Symbol</h2>
<p>The Panda has become the symbol of WWF...</p>
</section>
پشتیبانی و رفتار پیش فرض
مرورگرها از «section» پشتیبانی می کنند. نمایش پیش فرض آن «block» است. بنابراین یک بخش تمام عرض می گیرد.
CSS پیش فرض تگ section
section {
display: block;
}
نکته: برای گروه بندی موضوعی از «section» استفاده کن. برای بخش های عمومی صفحه می توانی از المان های معنایی کمک بگیری.
هشدار: اگر فقط برای استایل بندی بخش بندی می کنی، ممکن است div کافی باشد.
گام های عملی سریع
- برای هر موضوع، یک «section» بساز.
- داخل هر بخش یک «h2» بگذار.
- پاراگراف ها را زیر عنوان بچین.
لینک های مرتبط داخلی
ببین همچنین: المان های معنایی و طراحی واکنش گرا.
جمع بندی سریع
- «section» یک بخش معنی دار می سازد.
- بهتر است هر بخش عنوان داشته باشد.
- نمایش پیش فرض «block» است.
- برای گروه بندی موضوعی عالی است.