عناصر بلوک HTML و عناصر خطی

می‌توان HTML عناصر را با استفاده از <div> و <span> ترکیب کرد.

عناصر بلوکی HTML

بیشتر عناصر HTML به عنوان عناصر بلوکی یا مستند تعریف شده‌اند.

توضیح نویسنده: «عناصر بلوکی» به معنای block level element و «عناصر مستند» به معنای inline element است.

عناصر بلوکی در حال نمایش معمولاً با یک خط جدید شروع می‌شوند (و پایان می‌یابند).

مثال‌ها：<h1>, <p>, <ul>, <table>

عناصر مستند HTML

عناصر مستند در حال نمایش معمولاً با یک خط جدید شروع نمی‌شوند.

مثال‌ها：<b>, <td>, <a>, <img>

عناصر <div> HTML

عناصر <div> HTML عناصر بلوکی هستند و به عنوان مخزن برای ترکیب عناصر HTML استفاده می‌شوند.

عناصر <div> هیچ معنایی خاصی ندارند. علاوه بر این، به عنوان عناصر بلوکی، مرورگر‌ها در جلو و پس از آن‌ها خط‌کشی می‌کنند.

اگر با CSS استفاده شود، عناصر <div> می‌توانند برای تنظیم ویژگی‌های استایل بخش‌های بزرگ محتوا استفاده شوند.

یکی از کاربردهای رایج عناصر <div> برای چیدمان مستند است. این جایگزین روش‌های قدیمی استفاده از جدول‌ها برای چیدمان است. استفاده از عناصر <table> برای چیدمان مستند استفاده نادرست است. عناصر <table> برای نمایش داده‌های جدولی استفاده می‌شوند.

عناصر <span> HTML

عناصر <span> HTML عناصر مستند هستند و می‌توانند به عنوان مخزن متن استفاده شوند.

عناصر <span> هیچ معنایی خاصی ندارند.

وقتی با CSS استفاده می‌شود، عناصر <span> می‌توانند برای تنظیم ویژگی‌های استایل بخش‌های خاص از متن استفاده شوند.

برچسب‌های گروهی HTML

برچسب توضیح
<div> تعریف بخش‌ها یا بخش‌های مستند (division/section).
<span> تعریف span برای ترکیب عناصر خطی مستند استفاده می‌شود.