الفرق بين div و span

جدول المحتويات:

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

فيديو: الفرق بين div و span

فيديو: الفرق بين div و span
فيديو: #كلام_مصممين | ما هو الفرق بين الـ div و الـ span 2024, يوليو
Anonim

الفرق الرئيسي - div vs span

HTML هي لغة مستخدمة على نطاق واسع لتطوير صفحات الويب. إنه اختصار لـ Hyper Text Markup Language. يشير مصطلح Hyper إلى الارتباط بمصادر الويب الأخرى على الإنترنت. يشير مصطلح Markup إلى القدرة على إنشاء نص منسق باستخدام الصور وموارد الوسائط المتعددة الأخرى. الروابط التشعبية هي المكونات الرئيسية في HTML التي تجعل جميع موارد الويب متصلة ببعضها البعض. هناك عدة إصدارات من HTML. هم HTML 2.0 و 3.2 و 4.01 و HTML5. بشكل أساسي ، HTML عبارة عن مستند نصي به علامات. يخبر متصفح الويب طريقة تنظيم صفحة الويب لعرضها. إن div و span هما علامتان في HTML.لكل عنصر HTML قيمة عرض افتراضية اعتمادًا على نوع العنصر. لذلك ، يمكن أن تكون كتلة أو عناصر مضمنة. تتناول هذه المقالة الفرق بين div و span. يتمثل الاختلاف الرئيسي بين div و span في أن div عنصر على مستوى كتلة بينما يمثل span عنصرًا مضمنًا.

ما هو div؟

تبدأ جميع مستندات html بإعلان نوع المستند. اليوم الإصدار الأكثر شيوعًا من HTML هو HTML5. لذلك ، يكون تعريف النوع. يجب تضمين جميع علامات html داخل العلامات و. يتم تضمين التفاصيل الضرورية لصفحة الويب داخل العلامة. تتم كتابة صفحة الويب المرئية داخل العلامة. هناك علامات لكل غرض.

علامة تستخدم للفقرات.

،

إلخ. تستخدم للعناوين. يُعرف المحتوى الموجود داخل علامة البداية والنهاية بالعنصر. على سبيل المثال

هذه فقرة

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

الشكل 01: HTML5

لكل عنصر HTML قيمة عرض افتراضية اعتمادًا على نوع العنصر. يمكن أن تكون قيم العرض الافتراضية إما كتلة أو مضمنة. تبدأ عناصر مستوى الكتلة دائمًا بسطر جديد. تأخذ هذه العناصر العرض المتاح بالكامل. بعض الأمثلة على عناصر مستوى الكتلة هي

و

علامة div هي أيضًا عنصر مستوى كتلة في HTML. الصيغة كما يلي.

أهلاً بالعالم!

عناصر div هي حاوية لعناصر أخرى. لذلك ، يمكن تجميع مجموعة من العناصر في عنصر div. عند استخدامها مع Cascading Style Sheet (CSS) ، يمكن استخدام علامة div لتصميم قالب من المحتوى. راجع جزء الكود أدناه.

الفرق بين div و span_Figure 03
الفرق بين div و span_Figure 03

فقرتان داخل علامة div. كل المحتوى الموجود داخل علامة div له لون الخلفية أسود ولون الخط أبيض.

ما هو سبان؟

على عكس عناصر مستوى الكتلة ، لا تبدأ العناصر المضمنة في سطر جديد. يستغرق العرض المطلوب فقط. بعض الأمثلة على العناصر المضمنة هي ،

و

مفتاح الاختلاف بين div و span
مفتاح الاختلاف بين div و span

علامة الامتداد هي أيضًا عنصر مضمّن في HTML. الصيغة كما يلي.

أهلاً بالعالم!

الشكل 02: علامة div و span

يتم استخدام علامة span كحاوية لبعض النصوص. يمكن أيضًا استخدام هذه العلامة مع CSS. لذلك ، يمكن تصميم جزء من النص. الرجوع إلى المثال أدناه. "الفقرة 1" داخل علامة الامتداد. تمت إضافة اللون باستخدام سمة نمط CSS.

هذه هي الفقرة 1

ما هي أوجه التشابه بين div و span؟

  • يعمل كل من div و span على تجميع العلامات في HTML.
  • يحتوي كل من div و span على علامة البداية وعلامة النهاية.
  • يمكن أن يكون لكل من div و span سمة نمط.

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

div مقابل span

div هي علامة HTML تحدد القسمة أو القسم في مستند HTML. الامتداد هو علامة HTML تُستخدم لتجميع العناصر المضمنة في مستند HTML.
الاستخدام
يتم استخدام علامة div كحاوية لعناصر أخرى. يتم استخدام علامة span كحاوية لبعض النصوص.
خط جديد
تبدأ علامة div بسطر جديد. علامة الامتداد لا تبدأ بسطر جديد.
العرض المطلوب
علامة div ستأخذ كل العرض. ستأخذ علامة الامتداد العرض المطلوب فقط.
بناء الجملة

ملخص - div vs span

HTML تعني Hyper Text Markup Language. يتم استخدامه لتطوير المواقع. تتكون هذه اللغة من العلامات. علامات التجميع div و span في HTML. يتم استخدامها لتحديد قسم في المستند. توضح هذه المقالة الفرق بين علامتي div و span. يتمثل الاختلاف بين div و span في أن div عنصر على مستوى كتلة بينما يمثل span عنصرًا مضمنًا.

قم بتنزيل ملف PDF الخاص بـ div مقابل span

يمكنك تنزيل نسخة PDF من هذه المقالة واستخدامها لأغراض غير متصلة بالإنترنت وفقًا لملاحظة الاقتباس. يرجى تنزيل نسخة PDF من هنا: الفرق بين div و span

موصى به: