انتقل إلى محتوى الدرس

Void and Empty Elements العناصر الفارغة ذاتية الإغلاق

أتقن بنية عناصر HTML من الجذور: وسوم البداية والنهاية، العناصر الفارغة ذاتية الإغلاق، قواعد التداخل الهرمي، والفرق بين التدفق الكتلي والسطري.
3 صفوف تعليمية
لغة HTML
21,273 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لا تحتاج جميع عناصر اللغة إلى احتواء نص بداخلها؛ إذ توجد فئة خاصة تُسمى العناصر الفارغة (Void Elements) تؤدي وظيفة مكتفية بذاتها مثل كسر السطر الحالي أو رسم فاصل أفقي بين موضوعين (وكذلك عناصر الصور وحقول الإدخال التي ستتعرف عليها لاحقاً)، ولذلك تكتفي بوسم واحد فقط ويُمنع بتاتاً كتابة وسم إغلاق لها.

نمط العنصرالوظيفة الأساسيةالخطأ الشائع الواجب تجنبه
<br>كسر السطر الحالي داخل عنوان بريدي أو فقرة متعددة الأسطركتابة </br> لأن المتصفح يحسبه سطراً إضافياً ثانياً!
<hr>فاصل موضوعي أفقي يفصل بصرياً ودلالياً بين فكرتينمحاولة حشر نص داخل <hr>...</hr>
<p>...</p>عنصر حاوٍ مزدوج يحيط بالنص بوسم بداية ووسم نهايةمعاملة العناصر الحاوية كعناصر فارغة وترك </p>
الصف 2 كود برمجي
HTML
<h2>Campus Address</h2>
<p>Cairo Campus<br>Building 4, Floor 2</p>
<hr>
<h2>Support Hours</h2>
<p>Sunday to Thursday<br>09:00 AM to 05:00 PM</p>
الصف 3 ملاحظة هامة