العديد من الأشخاص الجدد في تصميم الويب و HTML / CSS يستخدمون و يحدد عنصر div التقسيمات المنطقية على صفحة الويب الخاصة بك. إنه في الأساس مربع يمكنك فيه وضع عناصر HTML أخرى تذهب منطقياً معًا. يمكن أن تحتوي القسمة على عدة عناصر أخرى ، مثل الفقرات ، والعناوين ، والقوائم ، والروابط ، والصور ، وما إلى ذلك. ويمكن أن يكون هناك أقسام أخرى داخلها لتوفير بنية وتنظيم إضافيين لمستند HTML الخاص بك. لاستخدام عنصر div ، ضع علامة مفتوحة معرف = "myDiv">
) ، أو محدد الصف (على سبيل المثال ، الطبقة = "bigDiv"> يختلف عنصر div عن عنصر قسم HTML5 لأنه لا يعطي المحتوى المرفق أي معنى دلالي. إذا لم تكن متأكدًا من أن محتوى المحتوى يجب أن يكون قسمًا أو قسمًا ، ففكر في الغرض من هذا العنصر والمحتوى لمساعدتك في تحديد ما يلزم استخدامه: في نهاية المطاف ، يتصرف كلًا من الأقسام والأقسام بشكل مشابه تمامًا ، ويمكنك إعطاء أيٍّ منهما قيم السمات وأسلوبها باستخدام CSS للحصول على مظهر موقعك الذي تحتاجه. كلاهما عناصر مستوى الكتلة. عنصر الامتداد هو عنصر مضمّن افتراضيًا. هذا يميزه عن عناصر div والقسم. غالبًا ما يُستخدم عنصر الامتداد لفك جزء معين من المحتوى ، عادةً ما يكون نصًا ، لمنحه "خطافًا" إضافيًا يمكن تصميمه لاحقًا. يستخدم مع CSS ، يمكنه تغيير نمط النص المرفق به ؛ ومع ذلك ، بدون أي سمات نمط ، فإن عنصر الامتداد ليس له أي تأثير على النص على الإطلاق. هذا هو الفرق الرئيسي بين المسافة وعناصر div. كما ذكرنا سابقًا ، يشتمل عنصر div على فاصل فقرة ، في حين أن عنصر الامتداد لا يخبر المتصفح إلا بتطبيق قواعد نمط CSS المقترنة على ما هو محاط به علامات: نص مميز والنص غير المميز. أضف ال الطبقة = "تسليط الضوء"
أو فئة أخرى إلى عنصر الامتداد لتهيئة النص باستخدام CSS (على سبيل المثال ، الطبقة = "تسليط الضوء">
). لا يحتوي عنصر الامتداد على أي سمات مطلوبة ، ولكن الثلاثة الأكثر فائدة هي نفس سمات عنصر div: استخدم الامتداد عندما تريد تغيير نمط المحتوى دون تعريف ذلك المحتوى كعنصر جديد على مستوى الكتلة في المستند. على سبيل المثال ، إذا كنت تريد أن تكون الكلمة الثانية لعنوان h3 حمراء ، فقد تحيط هذه الكلمة بعنصر الامتداد الذي يقوم بنمط تلك الكلمة كنص أحمر. تظل الكلمة جزءًا من عنصر h3 ، ولكنها تظهر الآن باللون الأحمر: باستخدام
). يمكن بعد ذلك تحديد هاتين السمتين باستخدام CSS أو تعديلهما باستخدام JavaScript. تميل أفضل الممارسات الحالية نحو استخدام محددات الفئات بدلاً من المعرفات ، ويرجع ذلك جزئيًا إلى كيفية تحديد محددات الهوية. في الحقيقة ، ومع ذلك ، يمكنك استخدام أي واحد ويمكن حتى إعطاء تقسيم كل من معرف ومحدد فئة. عند الاستخدام
باستخدام جزء
هذا هو عنوان بلدي رائع
عناصر في التبادلية لأنها تبني صفحات الويب. ومع ذلك ، فالواقع هو أن كل عنصر من عناصر HTML هذه يخدم أغراضًا مختلفة. سيساعدك تعلم استخدام كل منها للغرض المقصود على تطوير صفحات الويب الأكثر نظافة والتي يسهل إدارة الكود بشكل عام.
جزء
قبل منطقة صفحتك التي تريدها كقسم منفصل وإغلاق
العلامة بعد ذلك:
محتويات div
إذا كانت مساحة صفحتك بحاجة إلى بعض المعلومات الإضافية التي ستستخدمها في النمط باستخدام CSS لاحقًا ، فيمكنك إضافة محدد هوية (على سبيل المثال ،
مقابل
