آموزش جامع HTML و CSS (قسمت 21) - مفهوم پایه ای و مهم block و inline
در HTML و CSS، عناصر به دو دسته اصلی تقسیم می‌شوند: **block** و **inline**.
1. **Block (بلوکی)**:
- عناصر بلوکی به طور پیش‌فرض کل عرض صفحه را اشغال می‌کنند.
- از یک خط جدید شروع می‌شوند و بعد از آنها نیز یک خط جدید ایجاد می‌شود.
- می‌توانند حاوی عناصر دیگر (چه بلوکی و چه اینلاین) باشند.
- مثال: `<div>`, `<p>`, `<h1>` تا `<h6>`.
2. **Inline (اینلاین)**:
- عناصر اینلاین فقط به اندازه محتوای خود فضا اشغال می‌کنند.
- در یک خط با سایر عناصر اینلاین قرار می‌گیرند و خط جدیدی ایجاد نمی‌کنند.
- معمولاً نمی‌توانند عناصر بلوکی را درون خود جای دهند.
- مثال: `<span>`, `<a>`, `<strong>`.
این دو مفهوم پایه‌ای در چیدمان و طراحی صفحات وب بسیار مهم هستند.
نظرات