شرح صفوف ومحتوى الفقرة
تطبّق المتصفحات افتراضياً آلية ذكية تُسمى دمج المسافات البيضاء (Whitespace Collapsing)؛ فمهما وضعت داخل الكود المصدري من مسافات متتالية أو ضغطات زر الجدولة (Tab) أو نزول لأسطر جديدة، يختزلها المتصفح عند العرض في مسافة مفردة واحدة فقط.
تمنحك هذه القاعدة حرية هندسية ممتازة لتنسيق ملفاتك عبر المسافات البادئة (Indentation) بمقدار مسافتين أو أربع مسافات لكل مستوى تداخل، بحيث يسهل اكتشاف أي وسم ناقص بنظرة واحدة دون أن تتأثر المسافات الظاهرة للزائر.
<h2>Whitespace Demo</h2>
<p>One space or ten spaces</p>
<p>
Multi-line source text renders on one clean line.
</p>ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس تشريح عنصر HTML إلى وسم بداية ومحتوى ووسم نهاية، وتعرفت على العناصر الفارغة ذات الوسم الواحد، وقاعدة التداخل المتناظر (LIFO)، والفرق البصري بين العناصر الكتلية والسطرية، ودمج المسافات البيضاء. الخطوة التالية: انتقل إلى درس «خصائص العناصر في لغة HTML» لتتعلم تزويد الوسوم ببيانات إضافية تتحكم في وجهتها وهويتها وسلوكها.