إنشاء فواصل الأسطر والفقرات مع علامات P & BR

عندما يتعلق الأمر بتعلم HTML ، فإن علامتين يتعلمهما معظم الناس في وقت مبكر هي علامات فواصل الأسطر والفقرات ، والتي هي

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

الاستخدام الصحيح لـ HTML Paragraph Element

عنصر الفقرة

يستخدم كزوج علامة مع

علامة فتح العنصر و

علامة إغلاقها. في كتابة HTML4 أو HTML5 ، تكون علامة النهاية غير مطلوبة تقنيًا ، ولكن من الأفضل أن تغلق هذه العلامة. في XHTML ، الإغلاق

مطلوب.

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

الآن هو الوقت المناسب لجميع الرجال الطيبين لمساعدة بلدهم. قفز الثعلب البني السريع على كلب النوم البطيء.

يمكن أن تظهر العديد من العلامات الأخرى بين علامات الفقرات الافتتاحية والختامية.

الاستخدام الصحيح لـ HTML Line Break Element

عنصر فاصل الأسطر
العلامة عبارة عن علامة فردية - لا يوجد بها علامة نهاية. في XHTML ، يجب عليك استخدام العلامة بخط مائل نهائي (
) ، ولكن في HTML (بما في ذلك HTML5) ، ليس مطلوبًا.

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

في ما يلي مثال على فاصل سطر داخل فقرة:

الآن هو الوقت المناسب لجميع الرجال الطيبين لمساعدة بلدهم.
قفز الثعلب البني السريع على كلب النوم البطيء.

نظرًا لأن علامة فواصل الأسطر هي علامة فردية ، لا يمكن استخدام أي علامات أخرى داخلها.

سوء الاستخدام المشتركة لل

و
الكلمات

يضع الأشخاص الجدد في الترميز بعض الأخطاء الشائعة مع فواصل الفقرة وفواصل الأسطر عند وضع علامة على صفحة ويب.

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

تعرف على المزيد حول هذه العلامات وغيرها في قائمة علامات HTML هذه.