डीआईवी और सेक्शन में क्या अंतर है?

SECTION तत्व को किसी वेब पेज या साइट के सिमेंटिक सेक्शन के रूप में परिभाषित किया गया है जो कि कोई अन्य विशिष्ट प्रकार नहीं है जैसे कि ARTICLE या ASIDE। पृष्ठ के एक विशिष्ट अनुभाग को चिह्नित करते समय डिज़ाइनर अक्सर इस तत्व का उपयोग करते हैं - एक संपूर्ण अनुभाग जिसे स्थानांतरित किया जा सकता है और साइट के अन्य पृष्ठों या भागों पर उपयोग किया जा सकता है। यह सामग्री का एक अलग टुकड़ा है।

इसके विपरीत, DIV तत्व पृष्ठ के उन हिस्सों के लिए उपयुक्त है जिन्हें आप अन्य उद्देश्यों के लिए विभाजित करना चाहते हैं अर्थ विज्ञान. उदाहरण के लिए, आप कुछ सामग्री को डीआईवी में लपेट सकते हैं ताकि इसे सीएसएस के साथ शैली में "हुक" दिया जा सके। यह शब्दार्थ रूप से सामग्री का एक अलग खंड नहीं हो सकता है, लेकिन इसे अलग रखा गया है ताकि आप एक वांछित लेआउट या अनुभव प्राप्त कर सकें।

इट्स ऑल अबाउट सिमेंटिक्स

DIV और SECTION तत्वों के बीच एकमात्र अंतर शब्दार्थ है—the जिसका अर्थ है आप जिस सामग्री को विभाजित कर रहे हैं।

DIV तत्व में निहित किसी भी सामग्री का कोई अंतर्निहित अर्थ नहीं है। इसका उपयोग चीजों के लिए सबसे अच्छा किया जाता है जैसे:

• सीएसएस शैलियों और सीएसएस शैलियों के लिए हुक
• लेआउट कंटेनर
• जावास्क्रिप्ट हुक
• सामग्री या HTML को पढ़ने में आसान बनाने वाले विभाग

शैली दस्तावेज़ों और लेआउट में हुक जोड़ने के लिए DIV तत्व एकमात्र उपलब्ध तत्व हुआ करता था। HTML5 से पहले, विशिष्ट वेब पेज DIV तत्वों से भरा हुआ था। वास्तव में, कुछ WYSIWYG संपादकों ने कभी-कभी अनुच्छेदों के स्थान पर DIV तत्व का विशेष रूप से उपयोग किया।

HTML5 ने सेक्शनिंग तत्वों को पेश किया जो अधिक शब्दार्थिक रूप से वर्णनात्मक दस्तावेज़ बनाते हैं और उन तत्वों पर शैलियों को परिभाषित करने में मदद करते हैं।

स्पैन तत्व के बारे में क्या?

एक अन्य सामान्य गैर-अर्थपूर्ण तत्व स्पैन है। इसका उपयोग किया जाता है इन - लाइन सामग्री के ब्लॉक (आमतौर पर पाठ) के आसपास शैलियों और स्क्रिप्ट के लिए हुक जोड़ने के लिए। इस अर्थ में, यह बिल्कुल DIV जैसा है, लेकिन यह a. नहीं है ब्लॉक तत्व. DIV को एक ब्लॉक-स्तरीय SPAN के रूप में सोचें और इसे उसी तरह उपयोग करें, लेकिन HTML सामग्री के संपूर्ण ब्लॉक के लिए।

HTML में कोई तुलनीय इनलाइन सेक्शनिंग तत्व नहीं है।

Internet Explorer के पुराने संस्करणों के लिए

भले ही आप माइक्रोसॉफ्ट के इंटरनेट एक्सप्लोरर के नाटकीय रूप से पुराने संस्करणों का समर्थन कर रहे हैं जो विश्वसनीय रूप से एचटीएमएल 5 को नहीं पहचानते हैं, आपको शब्दार्थ रूप से सही एचटीएमएल टैग का उपयोग करना चाहिए। शब्दार्थ आपको और आपकी टीम को भविष्य में पृष्ठ को प्रबंधित करने में मदद करेंगे। इंटरनेट एक्सप्लोरर के नवीनतम संस्करण, साथ ही इसके प्रतिस्थापन, माइक्रोसॉफ्ट एज, HTML5 को पहचानते हैं।

DIV और SECTION Elements का उपयोग करना

परिभाषित करने के लिए आप एक मान्य HTML5 दस्तावेज़—खंड, में DIV और SECTION दोनों तत्वों का एक साथ उपयोग कर सकते हैं सीएसएस, जावास्क्रिप्ट और लेआउट के लिए हुक को परिभाषित करने के लिए सामग्री के शब्दार्थ रूप से असतत भाग, और डीआईवी उद्देश्य।

जेनिफर क्रिनिन का मूल लेख। जेरेमी गिरार्ड द्वारा 3/15/17 को संपादित।