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

Styling Text Segments with Span تغليف النصوص السطرية بعنصر span

تعلم الفروق الهيكلية الجوهرية بين العناصر الكتلية والسطرية في لغة HTML وكيفية تدفقها في الصفحة وتجميع الحاويات بواسطة div وتنسيق المقاطع باستخدام span وقواعد التداخل القياسي.
4 صفوف تعليمية
لغة HTML
9,512 مشاهدة

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

الصف 1 شرح توضيحي
يمثل عنصر التغليف <span> المقابل السطري لعنصر التقسيم الكتلي <div>؛ فهو لا يحمل أي مظهر بصري افتراضي ولا يمتلك دلالة لغوية خاصة بمفرده، وإنما يعمل كخطاف سطري خفيف لتطويق أجزاء محددة من النص بهدف تلوينها أو تمييز خطوطها أو تطبيق معالجات لغوية مخصصة عبر CSS.
الصف 2 كود برمجي
HTML
<p>
  System status is currently
  <span title="Active Server">Online</span>
  with <span title="Response Time">12ms</span> latency.
</p>
الصف 3 شرح توضيحي
نظراً لأن وسم <span> لا يولد أي فواصل أسطر، فإنه يندمج بسلاسة متناهية في منتصف الجمل والفقرات المستمرة وأرقام الجداول المالية والشارات المصغرة. وحينما تحتاج لتلوين كلمة معينة أو إبراز مصطلح تقني دون المساس بتدفق السطر، فإن <span> هو المعيار المعتمد والمثالي.
الصف 4 ملاحظة هامة