كيف أعرض نصًا في HTML مع الحفاظ على المسافات؟ (pre)

سهلقراءة دقيقةآخر تحديث 1 أكتوبر 2026

تطوير الويب

الإجابة

استخدم الوسم <pre> (اختصار preformatted text). هو يعرض النص كما كتبته تمامًا: بكل المسافات والأسطر الجديدة.

<pre>
الاسم:     ناو
المدينة:   دمشق
</pre>

في الوسوم العادية مثل <p> يدمج المتصفح المسافات المتكررة في مسافة واحدة ويتجاهل الأسطر الجديدة. أما <pre> فيحافظ عليها، ويعرض النص عادةً بخط متساوي العرض.

لعرض الأكواد

الاستخدام الأشهر هو عرض الأكواد، مع <code> داخله:

<pre><code>function hello() {
  return "hi";
}</code></pre>

اختبر فهمك

كيفية ترميز نص بـــ HTML مع الاحتفاظ بالفراغات الموجودة فيه؟