إنشاء Whitespace مع 'p' و 'br'

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

هناك عدة طرق لإنشاء مساحة على موقع الويب. الأولين مع علامات HTML :

...

عادة ما تضع علامة الفقرة مسافة بين العناصر. يعمل بمثابة فقرة فقرة.

ومع ذلك ، فإن العديد من

في صف ما لن يفعل شيئًا غير ازدحام صفحتك. سيضع بعض المحررين

في الأماكن لإضافة مساحة أكبر ، لكن هذا لا يستخدم بالفعل علامة

، ولكن بالأحرى الحرف الذي سنصل إليه في دقيقة واحدة.


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

هامش المغلق و الحشو

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

غير كسر مساحة ()

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

إذا وضعت أربعة على التوالي ، فسيضع المتصفح أربع مسافات في النص.

لاحظ ، قد لا تعرض المستعرضات القديمة عدة مسافات غير كسر.

باستخدام عدم كسر السطوح في الجداول

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

يجب أن يكون هناك مساحة صغيرة على يسار هذا النص. ستعرض بعض المتصفحات بشكل صحيح ، لكن الكثير منها سيتجاهل طلب عرض الجدول ويضع النص مع الهامش الأيسر. مزعج جدا!

للحفاظ على كسر عمود الجدول ، استخدم مسافة غير منقسمة:

يجب أن يكون هناك مساحة صغيرة على يسار هذا النص. مع معظم المتصفحات سيتم عرضها بشكل صحيح.