ما هو النص المنسق مسبقًا؟

في ما يلي كيفية استخدام علامة النص المنسق مسبقًا في شفرة HTML

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

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

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

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

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

باستخدام العلامة
 

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

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

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

إليك طريقة واحدة لاستخدام علامة

 HTML: 

 Twas brillig and the slithey toves Did gyre and gimble in the wabe  

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

Twas brillig and the slithey toves Did gyre and gimble in the wabe

ترك العلامة السابقة رموز المسافات البيضاء كما هي. لذا يتم الاحتفاظ بفواصل الأسطر والمسافات وعلامات التبويب في عرض المتصفح لهذا المحتوى. وضع الاقتباس داخل علامة مسبقة لهذا النص نفسه قد ينتج عنه هذا العرض:

Twas brillig and the slithey toves Did gyre and gimble in the wabe

فيما يتعلق الخطوط

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

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

HTML5

هناك أمر واحد يجب مراعاته وهو أنه في HTML5 ، لم تعد سمة "العرض" مدعومة لعنصر

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

حرره جيريمي جيرار في 2/2/17