يمكن تقسيم علامات HTML (العناصر) إلى فئتين، وهما عناصر مستوى الكتلة والعناصر المضمنة (وتسمى أيضًا العناصر المضمنة).
1. العناصر المضمنة (مضمنة)
1. مفهوم العناصر المضمنة
العنصر المضمن (مفهوم في مواصفات HTML) الإنجليزية: العنصر المضمن، وله العديد من الأسماء الصينية، مثل: العنصر المضمن، العنصر المضمن، العنصر المضمن، العنصر المضمن، إلخ. في الأساس لا توجد ترجمة موحدة. بالإضافة إلى ذلك، عندما يتعلق الأمر بالعناصر المضمنة، فإن السمة المستخدمة عادةً هي العرض: مضمن؛ يمكن لهذه السمة إصلاح مشكلة الحدود العائمة المزدوجة الشهيرة في IE.
2. خصائص العناصر المضمنة
① على نفس سطر العناصر المضمنة المجاورة؛
②لا يمكن تغيير العرض (العرض)، والارتفاع (الارتفاع)، والجزء العلوي/السفلي من الهامش الداخلي (الحشوة العلوية/الحشوة السفلية) والجزء العلوي/السفلي من الهامش الخارجي (الهامش العلوي/الهامش السفلي)؛
③العرض هو عرض النص أو الصورة ولا يمكن تغييره.
④يمكن للعناصر المضمنة أن تستوعب النص أو العناصر المضمنة الأخرى فقط
عند استخدام العناصر المضمنة، عليك الانتباه إلى النقاط التالية:
• ضبط عرض العرض غير صالح.
• تحديد ارتفاع الارتفاع غير صالح، ولكن يمكن ضبط ارتفاع الخط من خلال ارتفاع الخط.
• يمكن ضبط الهامش، ولكنه فعال فقط للهوامش اليسرى واليمنى، وليس للهوامش العلوية والسفلية.
• عند ضبط الهامش الداخلي للحشوة، تكون الحشوة اليسرى واليمنى فقط صالحة، بينما الحشوة العلوية والسفلية غير صالحة. وتجدر الإشارة إلى أنه يتم زيادة نطاق العنصر، ولكن ليس له أي تأثير على المحتوى المحيط بالعنصر ;
• يمكنك تبديل عنصر بين عنصر مضمن وعنصر على مستوى الكتلة من خلال سمة العرض.
3. العناصر المضمنة الشائعة في علامات HTML
2. عناصر مستوى الكتلة (الكتلة)
1. مفهوم عناصر مستوى الكتلة
عنصر الكتلة (عنصر الكتلة)، والعنصر المضمّن المقابل له (العنصر المضمّن)، هما مفاهيم في مواصفات HTML. الفرق الأساسي بين عناصر الكتلة والعناصر المضمنة هو أن عناصر الكتلة تبدأ بشكل عام في سطر جديد، وسيتم عرض عناصر مستوى الكتلة المجاورة على أسطر مختلفة.
2. خصائص عناصر مستوى الكتلة
①احتل دائمًا سطرًا واحدًا، مما يعني البدء في سطر آخر، ويجب أيضًا عرض العناصر اللاحقة على سطر آخر؛
②يمكن التحكم في العرض والارتفاع والحشوة والهامش؛
③إذا تم حذف عرض عنصر مستوى الكتلة، فسيكون عرضه افتراضيًا هو عرض نافذة المتصفح الحالية؛
④يمكن أن تحتوي عناصر مستوى الكتلة على عناصر مضمّنة أخرى وعناصر على مستوى الكتلة.
3. العناصر الشائعة على مستوى الكتلة في علامات HTML