عنصر الكتلة بشكل عام هو عنصر حاوية للعناصر الأخرى. تبدأ عناصر الكتلة بشكل عام في سطر جديد ويمكنها استيعاب العناصر المضمنة وعناصر الكتلة الأخرى وهي علامة الفقرة "P". على وجه الخصوص، لا يمكن استخدامه إلا لاستيعاب عناصر الكتلة الأخرى.
بدون وظيفة CSS، سيتم ترتيب عناصر الكتلة صفًا واحدًا في كل مرة. باستخدام CSS، يمكننا تغيير التخطيط الافتراضي لوضع html هذا العنصر الذي تريده، بدلاً من بدء سطر جديد بغباء في كل مرة، تجدر الإشارة إلى أن علامة الجدول هي أيضًا نوع من عناصر الكتلة، ويتم استخدام التخطيط المستند إلى الجدول والتخطيط المستند إلى CSS بشكل عام (باستثناء ضعاف البصر والمكفوفين وما إلى ذلك)، لا يوجد فرق آخر بين التخطيطين باستثناء سرعة تحميل الصفحة، ومع ذلك، إذا نقر مستخدم عادي عن غير قصد على زر عرض كود مصدر الصفحة، فسيظهر التخطيطان الفرق الذي أظهره المستخدمون كبير جدًا. إن الكود المصدري لصفحة تخطيط CSS المصمم بناءً على مفهوم إعادة البناء الجيد يمكن أن يسمح على الأقل للمستخدمين العاديين الذين ليس لديهم خبرة في تطوير الويب بفهم المحتوى بسرعة من هذا المنظور، يجب أن يحتوي تخطيط CSS على ملف تجربة جمالية أفضل،
يمكنك التفكير في عنصر حاوية الكتلة كمربع، أو إذا كنت قد لعبت مع القطع، فسيكون من الأسهل فهمها أولاً، فلنستخرج المقالات المطلوبة من الصحف المختلفة من المحتوى المقطوع عبارة عن كتلة. ثم نقوم بلصق هذه القطع من الورق على قطعة جديدة من الورق الفارغ لتشكيل ملخص فريد خاص بك، كامتداد للتكنولوجيا، يتبع تصميم تخطيط الويب أيضًا نفس النمط الذي
يعتمد بشكل عام على العناصر الدلالية عناصر المستوى (الدلالية). يمكن للعناصر المضمنة أن تستوعب فقط النص أو العناصر المضمنة الأخرى.
ما يجب شرحه هو: الاسم الصيني للعنصر المضمن يحتوي على مجموعة متنوعة من العناصر المضمنة. العناصر المضمنة والعناصر المباشرة لا توجد في الأساس ترجمة موحدة، أطلق عليها ما تريد بالإضافة إلى ذلك، عندما يتعلق الأمر بالعناصر المضمنة، سنفكر في سمة عرض تسمى العرض: مضمن، يمكن لهذه السمة إصلاح IE double مشكلة الحدود العائمة
(عنصر الكتلة) والعنصر المضمن (العنصر المضمن) هي مفاهيم في مواصفات HTML. والفرق الأساسي بين عناصر الكتلة والعناصر المضمنة هو أن عناصر الكتلة تبدأ عمومًا في سطر جديد لا يمثل اختلاف السمات بين عناصر الكتلة والعناصر المضمنة مشكلة. هناك فرق، على سبيل المثال، يمكننا إضافة سمة مثل العرض: كتلة إلى العنصر المضمن، بحيث يكون له أيضًا سمة البدء من جديد.
يتغير العنصر المتغير مع البيئةفي كل مرة
بناءً على الاثنين المذكورين أعلاه. المفهوم الأساسي هو أنه يحتاج إلى تحديد ما إذا كان العنصر عنصرًا كتلة أم عنصرًا مضمّنًا بناءً على السياق. لا تزال العناصر المتغيرة تنتمي إلى فئتي العناصر المذكورتين أعلاه، بمجرد أن يحدد السياق فئتها، يجب أن تتبع قواعد عناصر الكتلة أو العناصر المضمنة.
تفاصيل التصنيف المضمنة والمضمنة لعلامات html:
عنصر الكتلة (عنصر الكتلة)
div css xhtml xml مثال على كود المصدر مثال على كود المصدر
◎ العنوان - العنوان ◎ علامة الاقتباس - كتلة الاقتباس ◎ المركز - كتلة المحاذاة ◎ dir - قائمة الدليل ◎ div - راحة مستوى الكتلة شائعة الاستخدام، وكذلك العلامة الرئيسية لتخطيط CSS ◎ dl - قائمة التعريف ◎ مجموعة الحقول - مجموعة التحكم في النموذج ◎ النموذج - التفاعل النموذج ◎ h1 - العنوان ◎ h2 - العنوان الفرعي ◎ h3 - عنوان المستوى 3 ◎ h4 - عنوان المستوى 4 ◎ h5 - عنوان المستوى 5 ◎ h6 - عنوان المستوى 6 ◎ hr - خط التقسيم الأفقي ◎ isindex - موجه الإدخال
◎ القائمة - قائمة القائمة ◎ noframes - محتوى الإطارات الاختياري، (عرض محتوى الكتلة هذا للمتصفحات التي لا تدعم الإطارات) ◎ noscript - محتوى البرنامج النصي الاختياري (عرض هذا المحتوى للمتصفحات التي لا تدعم البرنامج النصي)
◎ ol - نموذج مرتب ◎ p - فقرة ◎ نص منسق مسبقًا ◎ جدول - جدول ◎ ul - قائمة غير مصنفة
عنصر مضمن (عنصر مضمن)
div css xhtml xml مثال على كود المصدر مثال على كود المصدر
◎ أ - نقطة الربط ◎ abbr - اختصار ◎ اختصار - الحرف الأول ◎ ب - غامق (غير مستحسن)
◎ BDO - تجاوز ثنائي الاتجاه
◎ كبير - خط كبير ◎ br - فاصل أسطر ◎ استشهاد - اقتباس ◎ كود - كود الكمبيوتر (مطلوب عند الاستشهاد بكود المصدر)
◎ dfn - تحديد الحقول ◎ em - التأكيد ◎ الخط - إعدادات الخط (غير مستحسن)
◎ i - مائل ◎ img - صورة ◎ الإدخال - مربع الإدخال ◎ kbd - تحديد نص لوحة المفاتيح ◎ التسمية - تسمية الجدول ◎ q - اقتباس قصير ◎ s - تسطير (غير مستحسن)
◎ samp - يحدد نموذج رمز الكمبيوتر ◎ حدد - اختيار العنصر ◎ صغير - نص بخط صغير ◎ امتداد - حاوية مضمنة شائعة الاستخدام، يحدد الكتل داخل النص ◎ ضربة - تسطير ◎ قوي - تركيز غامق ◎ فرعي - منخفض ◎ سوب - مرتفع ◎ منطقة النص - مربع إدخال نص متعدد الأسطر ◎ tt - نص تلكس ◎ u - تسطير ◎ var - تحديد
عنصر متغير
متغيرdiv css xhtml xml مثال على كود المصدر مثال على كود المصدر
العنصر القابل للتغيير هو عنصر كتلة أو عنصر مضمّن اعتمادًا على السياق.
◎ التطبيق الصغير جافا
◎ زر - زر ◎ del - حذف النص ◎ iframe - إطار مضمن
◎ الإضافية - النص المدرج ◎ الخريطة - كتلة الصورة (الخريطة)
◎ كائن - كائن كائن ◎ البرنامج النصي - البرنامج النصي للعميل