كتلة تخطيط علامات ديف هتمل

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

بزوغ

وأدى تعقيد صفحات الويب وتطوير تكنولوجيا الحاسوب إلى تقسيم وثيقة الويب إلى جزأين: هيكل عظمي (رمز هتمل) وتصميم (أوراق نمط). وبفضل هذا، تمكنا من تحقيق تطور غير مسبوق من شبكة الإنترنت، والنتائج التي يمكننا أن نرى الآن على معظم المواقع الحديثة. بالإضافة إلى تحسين عملية التنمية، <ديف> هتمل سمح لنا لتحديد قواعد التصميم لدينا لكل عنصر على حدة. وقد ساعد ذلك على تحسين إمكانية قراءة شفرة صفحة الويب وتقليل وقت تحميل الوثيقة. الآن محركات البحث أسرع بكثير وأفضل التعامل مع المعلومات المتوفرة على الموقع.

المعايير والتحقق

يتم استخدام العلامة <ديف> في هتمل وفقا لمعايير W3C (وورد وايد ويب كونسورتيوم). يتم التحقق من رمز الصفحة بواسطة أداة خاصة - أداة التحقق، التي تقوم بتحليل (عمليات المسح والبحث) كل خطأ ممكن على الصفحة. الصفحة الصالحة تعني أن جميع العلامات قد استخدمت بشكل صحيح وأن تلبي تماما متطلبات المعايير.

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

من أجل إنشاء وثيقة صالحة حقا، يجب عليك استخدام البنية التالية لعلامة <ديف> كلاس = "some_name". بالإشارة إلى اسم الفئة، في أوراق الأنماط، يمكنك تحديد الموضع والحجم والرصاص والمعلمات الأخرى لكتلة فردية في المستند.

استخدام الفئات والمعرفات

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

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

علامة <ديف>. خصائص هتمل

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

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

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

كتل تحديد المواقع

يتيح لك استخدام سمة الموضع تغيير طريقة تحديد الموضع للعنصر المحدد. لذلك، هناك ثلاثة أنواع من المواقع:

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

سمات أخرى

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

نأمل أن تساعد هذه المقالة على فهم مسألة ما هو <ديف> في هتمل.