فصل ۷ | متن و محتوا

نوشتن پاراگراف با عنصر p

عنصر <p> برای تعریف یک بند یا پاراگراف متنی استفاده می‌شود. مرورگرها به‌طور خودکار قبل و بعد از هر پاراگراف کمی فاصله‌ی عمودی اضافه می‌کنند تا متن‌ها از هم جدا و خواناتر دیده شوند.

paragraphs.html
<p>این پاراگراف اول است.</p>
<p>این پاراگراف دوم است.</p>

فاصله‌ها و خطوط جدید در کد نادیده گرفته می‌شوند

مرورگر هر تعداد فاصله یا خط جدیدی که در کد HTML بنویسید را نادیده می‌گیرد و همه را به یک فاصله‌ی ساده تبدیل می‌کند. به همین دلیل نمی‌توان با زدن چند بار Enter در کد، فاصله‌ی بیشتری بین کلمات ایجاد کرد.

whitespace.html
<p>این‌متن‌با فاصله‌های زیاد و چند خط نوشته شده اما در مرورگر یک‌خطی دیده می‌شود.</p>
نکته: برای ایجاد یک شکست خط دستی داخل یک پاراگراف، بدون شروع بند جدید، از عنصر خالی <br> استفاده کنید.

چرا نباید به‌جای پاراگراف از br زیاد استفاده کرد؟

گاهی برای فاصله انداختن بین خطوط، وسوسه می‌شوید چندین <br> پشت‌سرهم بگذارید. این روش از نظر ساختاری نادرست است، چون معنای «بند جدید» را منتقل نمی‌کند. راه درست، بستن پاراگراف فعلی و باز کردن یک <p> تازه است؛ فاصله‌گذاری بصری هم باید با CSS انجام شود.