يتم استخدام عنصري HTML و div على حد سواء لجلب مكونات مماثلة على صفحة ويب. ومع ذلك ، لديهم أغراض مميزة. ينظم عنصر div مكونات الصفحة ويصممها على مستوى الكتلة ، بينما ينظم عنصر الامتداد عناصر الصفحة ويصممها سطريًا. يمكن استخدام كلاهما كحاويات ، لكنهما لا يعملان بنفس الطريقة.
ديف مقابل سبان
يتمثل الاختلاف بين div و span في أن عنصر علامات div هو عنصر كتلة يُستخدم بشكل شائع لتقسيم المحتوى إلى كتل على الصفحة ، بينما تعد علامة الامتداد مكونًا مضمنًا عامًا يمكن استخدامه لتصميم جزء من العناصر المضمنة المحتوى.
تشير علامة HTML div إلى "قسم" وهي اختصار لها (يُعرف أيضًا باسم عنصر). يتم منحه بشكل عام معرفًا فريدًا لتمييزه عن عناصر div الأخرى الموجودة في نفس الصفحة. يتم استخدامه لبناء حاويات حول مجموعات المحتوى على صفحات الويب.
عنصر الامتداد عبارة عن حاوية مضمنة لتمييز جزء من نص أو صفحة. يمكن تعديل سمات الفئة والمعرف لعنصر النطاق بسهولة باستخدام CSS أو التحكم فيها باستخدام JavaScript. يتم تمييز الأجزاء الصغيرة من النص والارتباطات والصور ومكونات HTML الأخرى التي يتم عرضها سطريًا مع المحتوى المحيط بعلامات الامتداد.
جدول المقارنة بين Div و Span
| معلمات المقارنة | ديف | امتداد |
| تعريف | عنصر علامات div (التقسيم) هو عنصر على مستوى الكتلة يتم استخدامه بشكل شائع لتقسيم المحتوى إلى كتل على الصفحة | عنصر علامة الامتداد هو عنصر مضمن عام يُستخدم بشكل شائع لتصميم قسم من مادة مضمنة |
| يستخدم | يتم استخدامه لتقسيم مكونات خط الكتل ، بشكل أساسي فاصل سطر قبله وبعده. | يتم استخدامه في مستندات HTML لتجميع المكونات المضمنة. |
| العلامات المتداخلة | بالنسبة لصفحات HTML ذات الأنماط المتعددة ، يتم استخدام علامة div المتداخلة. | لا تستخدم صفحات HTML علامات الامتداد المتداخلة. |
| الأنماط | بالنسبة للجانب الداخلي من عنصر div ، يتم استخدام علامة الفقرة أحيانًا. | يُستخدم عنصر الامتداد في فقرة ما لتطبيق نمط CSS على كلمات معينة باستخدام إعدادات الخط المتوفرة. |
| للتأكيد | للتأكيد على صفحة الواجهة الأمامية ، نستخدم حدودًا بعرض وارتفاع وبكسلات ملونة محددة في علامة div. | للتأكيد على مستند الواجهة الأمامية ، نستخدم علامة Span مع الترميز اللوني. |
ما هو Div؟
تُعرف علامة القسمة أيضًا باسم علامة div. علامة div هي علامة HTML تُستخدم لتقسيم محتوى صفحة الويب (نص ، صورة ، رأس ، تذييل ، شريط تنقل ، إلخ). نظرًا لأن عنصر div يحتوي على علامة فتح وعلامة إغلاق ، يجب إغلاقه.
يعد عنصر div هو العلامة الأكثر استخدامًا في تصميم الويب لأنه يسمح لنا بتنظيم البيانات على الموقع وإنشاء أقسام لمحتوى أو وظائف محددة. علامة مستوى الكتلة هي علامة Div. إنها علامة حاوية يمكن استخدامها لأي شيء. إنه مصطلح يشير إلى مجموعة من علامات HTML التي يمكن استخدامها لإنشاء أقسام وتطبيق أنماط عليها.
علامات Div هي علامات على مستوى الكتلة. إنها علامة حاوية عامة. يتم استخدامه لتجميع عناصر مختلفة من HTML بحيث يمكن عمل المقاطع وتطبيق النمط عليها. يمكن تعديل علامة div حقًا عند إنشاء تصميم ويب ، ومن السهل تغييرها. صيغة علامة div عبارة عن محتوى أو علامات أخرى. يمكن وضع أي نوع من المحتوى داخل العلامة. بشكل افتراضي ، يضع البرنامج دائمًا فاصل أسطر قبل المكون وبعده.
ما هو سبان؟
علامة الامتداد هي حاوية مضمنة يمكن استخدامها لتمييز قسم من النص أو المستند. يمكن تعديل سمات الفئة والمعرف لعنصر النطاق بسهولة باستخدام CSS أو التحكم فيها باستخدام JavaScript. تعتبر علامة span مشابهة لعنصر div ، باستثناء عنصر span في السطر ، بينما div عنصر على مستوى الكتلة.
عندما لا يتوفر عنصر كبير آخر ، فهذه طريقة أفضل للاستخدام. يتم استخدامه لتصميم الكائنات من خلال تجميعها معًا (من خلال استخدام خصائص الفئة أو المعرف). Div عنصر كتلة ، و span هو علامة مضمنة ، على الرغم من وجود أوجه تشابه بينهما. نظرًا لأن علامة span عبارة عن معنى علامة مقترنة ، فإنها تحتوي على كلٍ من علامة الفتح () ، يجب إغلاقها. تقبل هذه العلامة جميع السمات العامة وخاصية الحدث. يتم تجميع المكونات المضمنة باستخدام علامة الامتداد. علامة الامتداد ليس لها أي تأثير على مظهر الصفحة. Div عنصر كتلة ، و span هو علامة مضمنة ، على الرغم من وجود أوجه تشابه بينهما.
بناء الجملة لعلامة span: text. على أي حال ، فإن الملصقات لا تصدق لأنها تتيح لنا تخصيص أي جودة HTML عالمية لجزء من النص أو محتوى آخر للصفحة المضمنة. أكثر الخصائص المعروفة على نطاق واسع والتي ستراها مستخدمة مع الطول هي معرف المحدد والفئة المستخدمة لتطبيق النمط على الكلمات الصريحة.
الاختلافات الرئيسية بين Div و Span
استنتاج
يتم استخدام العلامتين div و span لفصل أقسام صفحة الويب. يعرض العنصر span> المحتوى المضمّن للمستند. تعرض مكونات div> محتوى كتلة المستند. الامتداد هو عنصر مضمن ، بينما div هو عنصر على مستوى الكتلة. قم بلف أجزاء من المستند بعلامات div ، بينما يجب تغليف الأجزاء الصغيرة من النص والصور والمحتويات الأخرى بمسافات.
تعد Divs و Spans من بين مكونات HTML الأكثر استخدامًا ، ولسبب وجيه: فهي تسمح لك بترتيب وتزيين صفحات HTML الخاصة بك على النحو الذي تريده بالضبط. ومع ذلك ، فإن كل منها يخدم غرضًا مميزًا ، وتضمن معرفة الفروق بينهما أنك تستخدم كل منها بشكل صحيح وعند الضرورة فقط. في النهاية ، ستوفر على نفسك الكثير من الصداع وإهدار التعليمات البرمجية.
