عندما تنساب HTML5 إلى المشهد منذ عدة سنوات ، أضافت مجموعة من عناصر التقسيم الجديدة إلى اللغة ، بما في ذلكالجزء جزء. معظم العناصر الجديدة التي يقدمها HTML5 لها استخدامات واضحة. على سبيل المثال ، يتم استخدام العنصر لتعريف المقالات والأجزاء الرئيسية لصفحة ويب ، يتم استخدام العنصر لتعريف المحتوى ذي الصلة الذي لا يمثل أهمية بالغة لباقي الصفحة ، كما أن الرأس ، والتنقل ، والتذييل توضيحي إلى حد كبير. المضافة حديثاالجزء عنصر ، ومع ذلك ، هو أقل وضوحا بعض الشيء.
كثير من الناس يعتقدون أن عناصر HTML الجزء وهي بالفعل نفس الشيء - عناصر الحاوية العامة المستخدمة لاحتواء المحتوى على صفحة الويب. غير أن الواقع هو أن هذين العنصرين ، رغم كونهما عنصرين حاويتين ، إلا أنهما شيءان عامان. هناك أسباب محددة لاستخدام كل من الجزء عنصر و DIV عنصر - وسوف تشرح هذه المقالة هذه الاختلافات.
الأقسام و Divs
ال الجزء يتم تعريف العنصر كقسم الدلالي من صفحة ويب أو موقع ليس نوعًا آخر أكثر تحديدًا (مثل المقالة أو جانبًا). أميل إلى استخدام هذا العنصر عندما أضع علامة على قسم متميز من الصفحة - وهو مقطع يمكن أن يتم نقله بالجملة واستخدامه على صفحات أو أجزاء أخرى من الموقع. إنه جزء متميز من المحتوى ، أو "قسم" من المحتوى ، إذا شئت.
في المقابل ، يمكنك استخدام DIV عنصر لأجزاء الصفحة التي تريد تقسيمها ، ولكن لأغراض أخرى غير الدلالات. أود أن أقوم بتغليف مساحة من المحتوى في قسم ما إذا كنت أفعل ذلك فقط لأعطي نفسي "خطافًا" لاستخدامه مع CSS. قد لا يكون مقطعًا مميزًا من المحتوى يعتمد على دلالات الألفاظ ، ولكنه أمر أقوم به من أجل تحقيق التنسيق الذي أريده في صفحتي.
كل شيء عن علم الدلالة
هذا هو مفهوم صعب لفهم ، ولكن الفرق الوحيد بين DIV عنصر و الجزء العنصر هو دلالات. وبعبارة أخرى ، إنها المعنى من قسم الكود الذي تقوم بتقسيمه.
أي محتوى موجود داخل DIV عنصر ليس له أي معنى متأصل. من الأفضل استخدامه لأشياء مثل:
- أنماط CSS وخطافات أنماط CSS
- حاويات تخطيط
- خطاف جافا سكريبت
- أقسام HTML لتسهل قراءتها
ال DIV العنصر الذي تم استخدامه ليكون العنصر الوحيد الذي كان لدينا لإضافة الخطافات لأسلوب مستنداتنا وإنشاء أعمدة وتخطيطات خيالية. وبسبب ذلك ، انتهى الأمر مع HTML التي تم مثقلة بها DIV العناصر - ما قد يطلق عليه مصممو الويب "divitis". كان هناك حتى المحررين WYSIWYG التي استخدمت DIV عنصر على وجه الحصر. لقد قمت بالفعل بتشغيل HTML الذي يستخدم DIV عنصر بدلا من الفقرات!
باستخدام HTML5 ، يمكننا البدء في استخدام عناصر التقسيم لإنشاء مستندات وصفية أكثر وضوحًا (باستخدام الملاحة وللأرقام الوصفية وما إلى ذلك) وكذلك تحديد الأنماط على هذه العناصر.
ماذا عن عنصر SPAN؟
العنصر الآخر الذي يفكر فيه معظم الناس عندما يفكرون في DIV العنصر هو العنصر. هذا العنصر ، مثل DIV، ليس عنصرًا دلاليًا. هو عنصر مضمّن يمكنك استخدامه لإضافة hooks للأنماط والبرامج النصية حول كتل مضمّنة للمحتوى (عادةً نص). بهذا المعنى تماما مثل DIV عنصر ، مضمنة فقط بدلاً من عنصر كتلة. في بعض الطرق ، قد يكون من الأسهل التفكير في DIV كمستوى كتلة امتداد عنصر واستخدامها بنفس الطريقة التي تريدها امتداد فقط للكتل بأكملها من محتوى HTML.
لا يوجد عنصر مقارن مقارن في HTML5.
للحصول على الإصدارات القديمة من Internet Explorer
حتى إذا كنت تدعم إصدارات أقدم من IE (مثل IE 8 وأقل) التي لا تتعرف على HTML5 بشكل موثوق ، يجب ألا تخشى استخدام علامات HTML صحيحة دلاليًا. ستساعدك الدلالات اللغوية على إدارة الفريق وفريقك في المستقبل (لأنك ستعرف أن هذا القسم هو المقال إذا كان محاطًا به مقالة - سلعة جزء). بالإضافة إلى ذلك ، ستدعمهم المتصفحات التي تتعرف على هذه العلامات بشكل أفضل.
لا يزال بإمكانك استخدام عناصر تقسيم HTML3 الدلالية باستخدام Internet Explorer ، فأنت تحتاج فقط إلى إضافة البرمجة النصية وربما بعض المناطق المحيطة DIV عناصر لجعلهم يتعرفون على العلامات على هيئة HTML.
باستخدام DIV وعناصر القسم
إذا كنت تستخدمها بشكل صحيح ، يمكنك استخدام كليهما DIV و الجزء معًا في مستند HTML5 صالح. كما رأيت هنا في هذه المقالة ، يمكنك استخدام الجزء عنصر لتحديد الأجزاء المنفصلة دلاليًا من المحتوى ، ويمكنك استخدام DIV عنصرًا كخيطين لـ CSS وجافا سكريبت بالإضافة إلى تحديد تخطيط لا يحتوي على معنى دلالي.
المقالة الأصلية لجنيفر كرينين. حرره جيريمي جيرارد في 15/15/17
