عناصر HTML المدمجة والنصية

يمكن استخدام <div> و <span> لدمج عناصر HTML.

عناصر الكتلة الخاصة بـ HTML

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

ملاحظة المحرر: "العنصر المستوى الكتلي" ترجم إلى block level element، "العنصر الداخلي" ترجم إلى inline element.

عند عرض العناصر المستوى الكتلي في المتصفح، عادةً تبدأ بسطر جديد (وتبتدئ بسطر جديد).

مثال: <h1>, <p>, <ul>, <table>

عناصر النص الداخلي لـ HTML

عادةً، لا تبدأ العناصر الداخلية في سطر جديد عند عرضها.

مثال: <b>, <td>, <a>, <img>

العلامة <div> لـ HTML

العلامة <div> لـ HTML هي عنصر مستوى الكتلة، وهي حاوية يمكن استخدامها لدمج العناصر الأخرى لـ HTML.

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

عند استخدام CSS، يمكن استخدام عنصر <div> لتحديد خصائص النمط للكتل الكبيرة من المحتوى.

استخدام العنصر <div> هو استخدام شائع آخر للتنسيق الوثيقي. أنه يحل محل الطريقة القديمة لتحديد التركيب باستخدام جدول البيانات. استخدام علامة <table> للتنسيق الوثيقي ليس استخدام جدول البيانات بشكل صحيح.<table> علامة تهدف إلى عرض البيانات المصفوفة.

العلامة <span> لـ HTML

العلامة <span> لـ HTML هي عنصر نصي داخلي، يمكن استخدامها كحاوية للنص.

ليس للعنصر <span> أي معنى محدد.

عند استخدام CSS، يمكن استخدام علامة <span> لتحديد خصائص النمط الخاصة بالنص الجزئي.

علامات المجموعات الخاصة بـ HTML

علامة وصف
<div> تحديد قسم أو فصل في المستند (division/section).
<span> تحديد span لتحديد عناصر النص الداخلية في المستند.