<p>
وسم الفقرة <p>
وسم p يمثل فقرة نصية مستقلة — الوحدة الأساسية لأي محتوى مكتوب على الويب.
كل كتلة نص متماسكة المعنى تعيش داخل فقرة. المتصفح يضيف تلقائيًّا مسافة رأسية قبل الفقرة وبعدها فيتنفس النص، ومحركات البحث تفهم أن ما بداخلها وحدة قرائية واحدة.
قاعدة صارمة يغفل عنها كثيرون: الفقرة تحتوي نصوصًا وعناصر سطرية فقط — لا يصح وضع عناصر كتلية (div، جداول، فقرات أخرى) داخلها، والمتصفح «يصلّح» ذلك بصمت بإغلاق الفقرة مبكرًا، وهو سبب شهير لخطأ Hydration في React.
الصياغة
<p>نص الفقرة هنا.</p>
⚡ جرّب بنفسك
عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.
🎨 محرّر HTML/CSS
<p>هذه فقرة أولى — لاحظ المسافة الرأسية حولها.</p> <p>وهذه فقرة ثانية مستقلة، فيها <strong>نص مهم</strong> و<a href="#">رابط</a>.</p>
النتيجة المباشرة:
أهم الخصائص
| الخاصية | الوظيفة |
|---|---|
| class / id | خطافات التنسيق والاستهداف المعتادة — الفقرة لا تملك خصائص مميزة خاصة |
💡 نصائح عملية
- اترك المسافات الرأسية لـ CSS (margin) بدل فقرات فارغة أو <br> متراكمة
- طول القراءة المريح للفقرة على الويب: 2-4 جمل
⚠️ أخطاء شائعة
- وضع عنصر كتلي داخل الفقرة (div أو p داخل p) — تداخل غير صالح والمتصفح يفككه بصمت
- استخدام <br><br> لصنع «فقرات» — الصحيح إغلاق الفقرة وفتح أخرى
وسوم ذات صلة
🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.
📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs