ما هو الفرق بين div و span

س: ما هو الفرق بين Div و Span؟

الإجابة: الحل:

أكبر ميزة لعناصر Div و Span هي أنه لا يتم تقديم الكائنات الافتراضية للكائنات داخل العناصر في أي تنسيق. تستخدم بشكل رئيسي لتطبيق أوراق الأنماط. الفرق الأكثر وضوحًا بين الاثنين هو أن Div هو عنصر كتلة ، في حين أن SPAN هو عنصر مضمّن (يتم ترجمته أيضًا كعنصر مضمّن).

خطوات محددة:

1. عنصر الكتلة المزعوم هو عنصر يبدأ في تقديم خط آخر. العناصر الموجودة في الخط لا تحتاج إلى بدء سطر آخر. اختبر الكود التالي وسيكون لديك فهم أكثر حيوية:

اختبار <span> اتبع عرض الاختبار السابق </span> <viv> هنا سيكون سطرًا جديدًا يوضح </div>

2. حظر العناصر والعناصر في الخط ليست ثابتة. من خلال تحديد قيم سمة العرض الخاصة بـ CSS ، يمكن تحويلها إلى بعضها البعض ، مثل:

اختبار <div style = display: inline> اتبع عرض الاختبار السابق </div> <span style = display: block> سيتم عرض سطر جديد هنا </span>

نصيحة: إذا لم يتم تعريف سمة CSS لعنصر DIV ، فسيكون تأثير العرض الخاص به على عنصر P.

نظرًا لخصوصية عناصر Div و Span ، يتم استخدامها عمومًا لتطبيق أوراق الأنماط ، مثل استخدام CSS كطبقة ، وما يجب تمييزه هو الفرق بين عناصر الكتلة والعناصر الموجودة في الخط ، والتحويل المتبادل بين الاثنين.

يحدد Div الحاوية لتقديم HTML.

Span يحدد حاوية النص المضمنة.

بشكل عام ، تحتل DIV كتلة ، وخاصية العرض الافتراضية هي كتلة ، تمثل كتلة. يحب:

<Div> AAA </viv> يتم عرض BB ، وهناك سطران.

بالنسبة إلى Span ، فإن سمة العرض الافتراضية الخاصة بها مضمّنة ، والتي يمكن توصيلها معًا. على سبيل المثال: <span> aaa </span> BB ، يتم عرضه كخط.

يستخدم DIV بشكل عام للتنضيد ، بينما يستخدم SPAN بشكل عام لأنماط النص المحلي.