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

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

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

الاستخدام الصحيح لعنصر فقرة HTML

عنصر الفقرة

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

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

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

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

لقد حان الوقت لجميع الرجال الطيبين ليأتوا لمساعدة بلدهم. قفز الثعلب البني السريع فوق الكلب النائم الكسول.

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

الاستخدام الصحيح لعنصر فاصل أسطر HTML

عنصر فاصل السطر

instagram viewer

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

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

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

لقد حان الوقت لجميع الرجال الطيبين ليأتوا لمساعدة بلدهم.

قفز الثعلب البني السريع فوق الكلب النائم الكسول.


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

إساءة استخدام ملفات

و
العلامات

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

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