عنصر الكتلة بشكل عام هو عنصر حاوية للعناصر الأخرى. تبدأ عناصر الكتلة بشكل عام في سطر جديد ويمكنها استيعاب العناصر المضمنة وعناصر الكتلة الأخرى وهي علامة الفقرة "P". استثنائي، لا يمكن استخدامه إلا للاحتفاظ بعناصر الكتلة الأخرى. بدون مساعدة CSS، سيتم ترتيب عناصر الكتلة سطرًا واحدًا في كل مرة. باستخدام CSS، يمكننا تغيير وضع التخطيط الافتراضي لـ HTML ووضع عناصر الكتلة في المكان الذي تريده. بدلًا من أن تبدأ بغباء سطرًا جديدًا في كل مرة. تجدر الإشارة إلى أن علامة الجدول هي أيضًا نوع من عناصر الكتلة. ينظر التخطيط القائم على الجدول والتخطيط المستند إلى CSS إلى هذين التخطيطين من منظور المستخدمين العاديين (باستثناء الأشخاص ضعاف البصر والمكفوفين وما إلى ذلك)، باستثناء سرعة تحميل الصفحة باستثناء الفرق لا يوجد فرق آخر. ولكن إذا نقر مستخدم عادي عن غير قصد على زر عرض الكود المصدري للصفحة، فسيكون الفرق بين الاثنين كبيرًا جدًا. يمكن للكود المصدري لصفحة تخطيط CSS، المصمم بناءً على مفاهيم إعادة الإعمار الجيدة، أن يسمح على الأقل للمستخدمين العاديين الذين ليس لديهم خبرة في تطوير الويب بفهم المحتوى بسرعة. من هذا المنظور، يجب أن يتمتع كود تخطيط CSS بتجربة جمالية أفضل. يمكنك التفكير في عنصر div لحاوية الكتلة كمربعات، أو إذا كنت قد لعبت مع القطع، فسيكون من الأسهل فهمه. نقوم أولاً بقص المقالات الضرورية من الصحف والمجلات المختلفة. كل قطعة من المحتوى المقطوع عبارة عن كتلة. ثم قمنا بلصق هذه القطع من الورق على قطعة جديدة من الورق الفارغ وفقًا لهدفنا التخطيطي. سيشكل هذا ملخصًا فريدًا خاصًا بك. كامتداد للتكنولوجيا، يتبع تصميم تخطيط الويب نفس النمط. تعتمد العناصر المضمنة بشكل عام على العناصر الأساسية على المستوى الدلالي. يمكن للعناصر المضمنة أن تحتوي فقط على نص أو عناصر مضمنة أخرى، والعنصر المضمن المشترك "a" هو. تجدر الإشارة إلى أن الاسم الصيني للعنصر المضمن يتضمن مجموعة متنوعة من العناصر المضمنة والعناصر المضمنة والعناصر المضمنة والعناصر المضمنة. في الأساس لا توجد ترجمة موحدة، فقط أطلق عليها ما تريد. بالإضافة إلى ذلك، عند الحديث عن العناصر المضمنة، سنفكر في سمة عرض تسمى Display:inline؛ يمكن لهذه السمة إصلاح مشكلة الحدود العائمة المزدوجة الشهيرة في IE. يعد عنصر الكتلة (عنصر الكتلة) والعنصر المضمن (العنصر المضمن) مفاهيم في مواصفات HTML. الفرق الأساسي بين عناصر الكتلة والعناصر المضمنة هو أن عناصر الكتلة تبدأ عمومًا بسطر جديد. عند إضافة عنصر تحكم CSS، فإن اختلاف السمة بين عناصر الكتلة والعناصر المضمنة لن يصبح فرقًا بعد الآن. على سبيل المثال، يمكننا إضافة سمة مثل العرض: كتلة إلى الاستشهاد بالعنصر المضمن، بحيث يكون له أيضًا سمة البدء من سطر جديد في كل مرة. تعتمد العناصر المتغيرة على العنصرين المذكورين أعلاه وتتغير مع البيئة. ومفهومها الأساسي هو أنها تحتاج إلى تحديد ما إذا كان العنصر عنصرًا كتلة أم عنصرًا مضمّنًا بناءً على السياق. لا تزال العناصر المتغيرة تنتمي إلى فئتي العناصر المذكورتين أعلاه، بمجرد أن يحدد السياق فئتها، يجب أن تتبع قواعد عناصر الكتلة أو العناصر المضمنة. تفاصيل التصنيف المضمنة والمضمنة لعلامات html: عنصر الكتلة div css xhtml xml مثال على كود المصدر مثال على كود المصدر عنصر مضمن div css xhtml xml مثال على كود المصدر مثال على كود المصدر عناصر قابلة للتغيير 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 - قائمة غير مصنفة
◎ أ - نقطة الربط ◎ abbr - اختصار ◎ اختصار - الحرف الأول ◎ ب - غامق (غير مستحسن)
◎ BDO - تجاوز ثنائي الاتجاه
◎ كبير - خط كبير ◎ br - فاصل أسطر ◎ استشهاد - اقتباس ◎ كود - كود الكمبيوتر (مطلوب عند الاستشهاد بكود المصدر)
◎ dfn - تحديد الحقول ◎ em - التأكيد ◎ الخط - إعدادات الخط (غير مستحسن)
◎ i - خط مائل ◎ img - صورة ◎ الإدخال - مربع الإدخال ◎ kbd - تحديد نص لوحة المفاتيح ◎ التسمية - تسمية الجدول ◎ q - اقتباس قصير ◎ s - تسطير (غير مستحسن)
◎ samp - تحديد نموذج رمز الكمبيوتر ◎ تحديد - اختيار العنصر ◎ نص بخط صغير صغير ◎ امتداد - حاوية مضمنة شائعة الاستخدام، تحديد الكتل داخل النص ◎ ضربة - تسطير ◎ قوي - تركيز غامق ◎ فرعي - منخفض ◎ سوب - مرتفع ◎ منطقة النص - مربع إدخال نص متعدد الأسطر ◎ tt - نص تلككس ◎ u - تسطير ◎ var - تحديد المتغيرات
العنصر القابل للتغيير هو عنصر كتلة أو عنصر مضمّن اعتمادًا على السياق.
◎ التطبيق الصغير جافا
◎ زر - زر ◎ del - حذف النص ◎ iframe - إطار مضمن
◎ الإضافية - النص المُدرج ◎ الخريطة - كتلة الصورة (الخريطة)
◎ كائن - كائن كائن ◎ البرنامج النصي - البرنامج النصي للعميل