تگ p چیست؟
برای نوشتن پارگراف در HTML از کد p استفاده میشود.
تگ p چیست؟ در HTML (پاراگراف) یکی از عناصر پایه ای در زبان نشانه گذاری HTML است که برای ایجاد پاراگرافهای متنی استفاده می شود. این تگ محتوای متنی را در قالب یک بلاک (بلوک) از هم جدا کرده و به مرورگر می فهماند که متن داخل آن یک پاراگراف مستقل است.
ویژگی اصلی تگ <p> کدام است؟
✅بلوک-سطح (Block-Level):
از آنجا که این تگ یک عنصر بلوکی است، یعنی می تواند به صورت پیش فرض قبل و بعد از آن یک خط شکسته (مثل Enter) را ایجاد کرده و فضای افقی کامل را هم اشغال می کند.
✅ حاشیه خودکار:
یکی دیگر از ویژگی های این تگ، مرورگرها می توانند به صورت پیش فرض یک حاشیه (margin) بالایی و پایینی برای پاراگرافها اضافه کنند تا از سایر عناصر جدا شوند.
✅ ساختاردهی معنایی:
حالا با استفاده از تگ <p> می تواند برای بهبود خوانایی کد و سئو (SEO) کمک شایانی کند، چون ساختار محتوا را برای موتورهای جستجو و صفحه خوانها (Screen Readers) مشخص می سازد.
کاربرد تگ <p> در HTML:
همان طور که از اسمش مشخص است، تگ <p> در HTML برای تعریف یک پاراگراف (Paragraph) استفاده میشود. و از مهمترین و پرکاربردترین تگ‌های HTML می باشد و همچنین برای نمایش متن‌های معمولی در صفحات وب به کار می‌رود. در ادامه این مقاله با دو کاربرد این تگ همراه با مثال آن آشنا خواهید شد:
✅ به‌صورت پیش‌فرض می توان گفت: برای اینکه پاراگراف ها از هم جدا شوند، مرورگرها قبل و بعد از تگ <p> یک فاصله‌ی عمودی (margin) ایجاد خواهند کرد.
مثال:
<!DOCTYPE html>
<html>
<head>
<title>مثال تگ p</title>
</head>
<body>
<p>این یک پاراگراف ساده در HTML است.</p>
<p>این پاراگراف دوم است که به صورت جداگانه نمایش داده میشود.</p>
</body>
</html>
✅ کاربرد دیگر این تگ، می‌توان درون تگ <p> از متن ساده و تگ‌های داخلی مثل <strong>, <a>, <em> و… استفاده کرد.
به طور مثال:
<p>
<strong>توجه:</strong> لطفاً تمام <em>اطلاعات</em> را با دقت وارد کنید.
</p>
نتیجه‌گیری:
تگ <p> یکی از پرکاربردترین و پایه‌ای‌ترین تگ‌ها در HTML است که برای ساخت پاراگرافهای متنی در صفحات وب استفاده میشود. استفاده صحیح از این تگ نه‌تنها به خوانایی بهتر محتوا کمک می‌کند، بلکه در ساختاردهی درست HTML و بهبود تجربه کاربری نیز نقش مهمی دارد. اگر به دنبال طراحی صفحات وب استاندارد و سئو‌پسند هستید، استفاده اصولی از تگ <p> را فراموش نکنید.
برای تگ h چیست؟ اینجا کلیک کنید.
