الفرق بين العناصر المضمنة والكتلة

2024 مؤلف: Alex Aldridge | [email protected]. آخر تعديل: 2023-12-17 13:32

الفرق الرئيسي - الكتلة مقابل العناصر المضمنة

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

و

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

ما هي عناصر الكتلة؟

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

يستخدم لتعريف فقرة. على سبيل المثال

هذه فقرة

. هناك ست علامات لتحديد الرؤوس. هم

،

،

…

. يمكن للمبرمج استخدام الرأس وفقًا لذلك.

يتم تحديد القائمة المرتبة بـ

بينما يتم تعريف القائمة غير المرتبة بـ

. يستخدم لعرض خط أفقي عبر صفحة الويب.

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

ما هي العناصر المضمنة؟

تأخذ العناصر المضمنة العرض المطلوب فقط. هذه العناصر لا تبدأ بسطر جديد. فيما يلي بعض الأمثلة على العناصر المضمنة. يستخدم لإنشاء روابط من صفحة إلى أخرى. الروابط التشعبية هي أحد العناصر الأساسية في HTML.يمكن أن تحتوي على سمة href لإنشاء ارتباط إلى الوجهة. على سبيل المثال قم بزيارة جوجل. السمة الهدف فارغة. لذلك ، سيتم فتح المستند الجديد في نافذة جديدة. إذا كانت السمة الهدف "_self" ، فسيتم فتح المستند المرتبط في نفس النافذة.

الشكل 01: أمثلة على العناصر المكونة والكتلة

يتم استخداملتغميق جزء من النص. الوسم لجعل النص مائل. يجب أن تكون صفحة الويب قابلة للتقديم. لذلك ، تتكون أي صفحة ويب من صور متعددة.

يستخدم لعرض صورة على الصفحة. هذه العلامة تتطلب سمتين. هم src و alt. يصف " src" موقع الصورة ويصف " alt" ماهية الصورة. على سبيل المثال. هذه بعض الأمثلة على العناصر المضمنة.

ما هو التشابه بين العناصر المضمنة والكتلة؟

يتم استخدام عناصر الكتلة والعناصر المضمنة كحاويات في HTML

ما هو الفرق بين العناصر المضمنة والكتلة؟

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

ملخص - بلوك مقابل العناصر المضمنة

HTML تعني لغة Hyper Text Markup. إنها لغة تتكون من علامات. كل علامة لها مهمة محددة وتحدد كيفية تنظيم صفحة الويب. تحتوي بعض العلامات على علامة البداية وعلامة النهاية. لا تحتوي بعض العلامات على علامة نهاية. يطلق عليهم علامات باطلة. الإعراب هو عملية تحليل بناء الجملة. بعد خطوة التحليل ، تصبح هذه العلامات عناصر. يمكن أن تكون العناصر عناصر على مستوى الكتلة أو عناصر مضمنة. الفرق بين عناصر الكتلة والعناصر المضمنة هو أن عناصر الكتلة تشغل العرض الكامل المتاح بينما تأخذ العناصر المضمنة العرض المطلوب لعرض محتويات العناصر.

قم بتنزيل نسخة PDF من Block مقابل Inline Elements

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