شرح ماهية النص المنسق مسبقًا في HTML

عندما تضيف نصًا إلى تعليمات HTML البرمجية لصفحة ويب ، على سبيل المثال في عنصر فقرة ، يكون لديك القليل من التحكم في مكان فصل سطور النص أو التباعد الذي سيتم استخدامه. هذا لأن متصفح الويب سوف يتدفق النص حسب الحاجة بناءً على المنطقة التي تحتوي عليه. هذا يتضمن المواقع المستجيبة التي سيكون لها تنسيق مرن للغاية يتغير بناءً على حجم الشاشة تستخدم لعرض الصفحة. سيكسر نص HTML السطر الذي يحتاج إليه بمجرد وصوله إلى نهاية المنطقة التي يحتوي عليها. في النهاية ، يلعب المتصفح دورًا أكبر في تحديد كيفية تقسيم النص أكثر مما تفعله.

فيما يتعلق بإضافة التباعد لإنشاء تنسيق أو تخطيط معين ، لا يتعرف HTML على التباعد الذي تمت إضافته إلى التعليمات البرمجية ، بما في ذلك المسافة أو علامة الجدولة أو حرف الإرجاع. إذا وضعت عشرين مسافة بين كلمة واحدة والكلمة التي تليها ، فسيعرض المتصفح مسافة واحدة فقط هناك. يُعرف هذا باسم انهيار المساحة البيضاء وهو في الواقع أحد مفاهيم HTML التي يعاني منها الكثيرون الجدد في الصناعة في البداية. إنهم يتوقعون أن تعمل المسافات البيضاء في HTML بالطريقة التي تعمل بها في برنامج مثل Microsoft Word ، لكن هذه ليست الطريقة التي تعمل بها مسافات HTML على الإطلاق.

في معظم الحالات ، تكون المعالجة العادية للنص في أي مستند HTML هي بالضبط ما تحتاجه ، ولكن في حالات أخرى في بعض الحالات ، قد تحتاج في الواقع إلى مزيد من التحكم في كيفية مسافات النص بالضبط وأين ينكسر خطوط. يُعرف هذا بالنص المنسق مسبقًا (بمعنى آخر ، أنت تملي التنسيق). يمكنك إضافة نص منسق مسبقًا إلى صفحات الويب الخاصة بك باستخدام HTML.

 باستخدام 
 بطاقة شعار 

منذ عدة سنوات ، كان من الشائع رؤية صفحات الويب التي تحتوي على كتل نصية منسقة مسبقًا. باستخدام 
 كانت العلامة لتحديد أقسام الصفحة كما تم تنسيقها بواسطة الكتابة نفسها طريقة سريعة وسهلة لمصممي الويب لعرض النص كما يريدون. كان هذا قبل ظهور CSS للتخطيط ، عندما كان مصممو الويب عالقين حقًا في محاولة فرض التخطيط باستخدام الجداول وطرق HTML الأخرى فقط. هذا (نوعًا ما) يعمل مرة أخرى لأن النص المنسق مسبقًا يتم تعريفه على أنه نص يتم تعريف البنية فيه من خلال اصطلاحات مطبعية بدلاً من تقديم HTML. 

اليوم ، لا يتم استخدام هذه العلامة كثيرًا لأن CSS تسمح لنا بإملاء الأنماط المرئية بطريقة أكثر فاعلية من المحاولة لفرض المظهر في HTML ولأن معايير الويب تملي فصلًا واضحًا عن البنية (HTML) والأنماط (CSS). ومع ذلك ، قد تكون هناك حالات يكون فيها النص المنسق مسبقًا منطقيًا ، مثل عنوان بريدي تريد فرضه فواصل الأسطر أو للحصول على أمثلة للشعر حيث تكون فواصل الأسطر ضرورية للقراءة والتدفق العام لـ المحتوى. 

هذه طريقة واحدة لاستخدام HTML 
 بطاقة شعار: 

يعمل HTML النموذجي على طي المساحة البيضاء في المستند. هذا يعني أن حرف الإرجاع والمسافات وأحرف الجدولة المستخدمة في هذا النص سيتم تصغيرها جميعًا إلى مسافة واحدة. إذا قمت بكتابة الاقتباس أعلاه في علامة HTML نموذجية مثل علامة p (الفقرة) ، فستنتهي بسطر واحد من النص ، مثل هذا: 

Twas brillig و the slithey toves فعلوا الدوران و gimble في wabe. 

تترك العلامة المسبقة أحرف المسافات البيضاء كما هي. لذلك يتم الاحتفاظ بفواصل الأسطر والمسافات وعلامات التبويب في عرض المتصفح لهذا المحتوى. وضع الاقتباس داخل أ 
 ستؤدي علامة هذا النص نفسه إلى هذا العرض: 
Twas brillig و the slithey toves
هل تلاعب و gimble
في
ال
واب
 بخصوص الخطوط 

ال 
 تقوم العلامة بأكثر من مجرد الحفاظ على المسافات والفواصل للنص الذي تكتبه. في معظم المتصفحات ، تتم كتابته بخط أحادي. هذا يجعل جميع الأحرف في النص متساوية في العرض. بمعنى آخر ، يشغل الحرف i مساحة كبيرة مثل الحرف w. 

إذا كنت تفضل استخدام خط آخر بدلاً من الخط الأحادي الافتراضي الذي يعرضه المتصفح ، فلا يزال بإمكانك تغيير هذا باستخدام أوراق الأنماط وحدد أي شيء آخر الخط كنت ترغب في عرض النص. 
 HTML5 

هناك شيء واحد يجب مراعاته وهو أنه في HTML5 ، لم تعد سمة "العرض" مدعومة لـ 
 جزء. في HTML 4.01 ، حدد العرض عدد الأحرف التي يمكن أن يحتوي عليها السطر ، ولكن تم إسقاط هذا بالنسبة لـ HTML5 وما بعده.