1️⃣ تعریف

تگ <div> کوتاه‌شده‌ی Division هست و برای بخش‌بندی (تقسیم‌بندی) محتوای صفحه استفاده میشه.
خودش هیچ استایل یا ظاهر خاصی نداره، ولی مثل یک جعبه‌ی بلوکی (Block-level element) عمل می‌کنه.

2️⃣ ویژگی‌ها

• عنصر Block هست → همیشه یک خط کامل می‌گیره.

• بیشتر برای گروه‌بندی عناصر استفاده میشه.

• معمولاً همراه با CSS یا JavaScript کاربرد داره (برای استایل دادن یا اعمال رفتار).

• می‌تونه عناصر Block یا Inline دیگه رو داخل خودش نگه داره.

3️⃣ مثال ساده

<div>
  <h2>عنوان مقاله</h2>
  <p>این یک متن نمونه است که داخل یک div قرار گرفته.</p>
</div>

🔸 خروجی: یک بلوک شامل عنوان و متن.

4️⃣ استفاده همراه با CSS

<div style="background-color: lightblue; padding: 10px; border: 1px solid black;">
  <h3>بخش معرفی</h3>
  <p>اینجا یک بخش از سایت است.</p>
</div>

🔸 خروجی: یک جعبه آبی با حاشیه و فاصله داخلی.

5️⃣ استفاده برای چیدمان صفحه

در طراحی صفحات وب، <div> معمولاً برای ساخت بخش‌های اصلی سایت مثل هدر، منو، محتوای اصلی و فوتر استفاده میشه:

<div id="header">این قسمت هدر است</div>
<div id="menu">این قسمت منو است</div>
<div id="content">این قسمت محتوای اصلی است</div>
<div id="footer">این قسمت فوتر است</div>

📌 خلاصه:

• <div> = جعبه‌ای برای گروه‌بندی عناصر

• بلاک‌المنت هست

• استایل نداره مگر اینکه CSS بدی

• خیلی پرکاربرد در طراحی Layout