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

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

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

अनुभाग और divs

अनुभाग तत्व को किसी वेब पेज या साइट के अर्थपूर्ण खंड के रूप में परिभाषित किया गया है जो एक और अधिक विशिष्ट प्रकार नहीं है (जैसे लेख या एक तरफ)। जब मैं पृष्ठ के एक अलग सेक्शन को चिह्नित कर रहा हूं, तो मैं इस तत्व का उपयोग करता हूं - एक अनुभाग जिसे थोक स्थानांतरित किया जा सकता है और साइट के अन्य पृष्ठों या भागों पर उपयोग किया जा सकता है। यह सामग्री का एक अलग टुकड़ा है, या सामग्री के "खंड", यदि आप करेंगे।

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

यह सब सेमेन्टिक्स के बारे में है

यह समझने के लिए एक कठिन अवधारणा है, लेकिन बीच के बीच एकमात्र अंतर है DIV तत्व और अनुभाग तत्व अर्थशास्त्र है। दूसरे शब्दों में, यह है अर्थ कोड के अनुभाग का आप विभाजन कर रहे हैं।

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

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

DIV तत्व हमारे दस्तावेज़ों को स्टाइल करने और कॉलम और फैंसी लेआउट बनाने के लिए हुक जोड़ने के लिए एकमात्र तत्व होता था। इसके कारण, हम एचटीएमएल के साथ समाप्त हो गए जो कि झुका हुआ था DIV तत्व- वेब डिज़ाइनर "डिवाइटिस" कह सकते हैं। यहां तक ​​कि WYSIWYG संपादकों का भी उपयोग किया गया था DIV तत्व विशेष रूप से। मैं वास्तव में एचटीएमएल में चला गया है जो इसका उपयोग करता है DIV पैराग्राफ के बजाय तत्व!

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

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

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

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

इंटरनेट एक्सप्लोरर के पुराने संस्करणों के लिए

यहां तक ​​कि यदि आप IE के नाटकीय रूप से पुराने संस्करणों (जैसे आईई 8 और निचले) का समर्थन कर रहे हैं, जो विश्वसनीय रूप से HTML5 को पहचान नहीं पाते हैं, तो आपको सैद्धांतिक रूप से सही HTML टैग का उपयोग करने से डरना नहीं चाहिए। अर्थशास्त्र आपको और आपकी टीम को भविष्य में पृष्ठ का प्रबंधन करने में मदद करेगा (क्योंकि आपको पता चलेगा कि वह अनुभाग लेख है यदि यह घिरा हुआ है लेख तत्व)। इसके अलावा, ब्राउज़र जो उन टैग को पहचानते हैं उन्हें बेहतर समर्थन मिलेगा।

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

डीआईवी और सेक्शन तत्वों का उपयोग करना

यदि आप उन्हें सही तरीके से उपयोग कर रहे हैं, तो आप दोनों का उपयोग कर सकते हैं DIV तथा अनुभाग एक मान्य एचटीएमएल 5 दस्तावेज़ में तत्वों को एक साथ। जैसा कि आपने यहां इस आलेख में देखा है, आप इसका उपयोग करते हैं अनुभाग सामग्री के अर्थात् अलग हिस्सों को परिभाषित करने के लिए तत्व, और आप इसका उपयोग करते हैं DIV सीएसएस और जावास्क्रिप्ट के साथ हुक के रूप में तत्व के साथ-साथ लेआउट को परिभाषित करना जिसका अर्थ अर्थपूर्ण अर्थ नहीं है।

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