और लेख, ASIDE, और DIV का उपयोग कब करें
नया एचटीएमएल 5 सेक्शन तत्व कुछ हद तक भ्रमित हो सकता है। यदि आप एचटीएमएल 5 से पहले एचटीएमएल दस्तावेजों का निर्माण कर रहे हैं, तो संभावना है कि आप पहले से ही अपने पृष्ठों के भीतर संरचनात्मक डिवीजन बनाने के लिए तत्व का उपयोग कर रहे हैं और उसके बाद पृष्ठों को स्टाइल कर सकते हैं। तो यह आपके मौजूदा DIV तत्वों को सेक्शन तत्वों के साथ प्रतिस्थापित करने के लिए एक प्राकृतिक चीज़ की तरह प्रतीत हो सकता है। लेकिन यह तकनीकी रूप से गलत है। इसलिए यदि आप केवल डीईवी तत्वों को सेक्शन तत्वों के साथ प्रतिस्थापित नहीं करते हैं, तो आप उनका सही तरीके से उपयोग कैसे करते हैं?
सेक्शन एलिमेंट एक अर्थपूर्ण तत्व है
समझने वाली पहली बात यह है कि सेक्शन तत्व एक अर्थपूर्ण तत्व है। इसका अर्थ यह है कि यह उपयोगकर्ता एजेंटों और मनुष्यों दोनों को संलग्न सामग्री के बारे में जानकारी प्रदान करता है-विशेष रूप से दस्तावेज़ का एक अनुभाग।
यह एक बहुत ही सामान्य अर्थपूर्ण वर्णन की तरह प्रतीत हो सकता है, और ऐसा इसलिए है क्योंकि यह है। अन्य HTML5 तत्व हैं जो आपकी सामग्री के लिए अधिक अर्थपूर्ण भेद प्रदान करते हैं जिन्हें आप सेक्शन तत्व का उपयोग करने से पहले उपयोग करना चाहिए:
- लेख
- एएसआईडीई
- एनएवी
सेक्शन एलिमेंट का उपयोग कब करें
सामग्री का उपयोग करें जब सामग्री साइट का एक स्वतंत्र हिस्सा है जो अकेले खड़े हो सकते हैं और किसी लेख या ब्लॉग पोस्ट की तरह सिंडिकेट हो सकते हैं। ASIDE तत्व का उपयोग करें जब सामग्री पृष्ठ या साइट की सामग्री से संबंधित रूप से संबंधित है, जैसे कि साइडबार, एनोटेशन, फुटनोट, या संबंधित साइट जानकारी। नेविगेशन सामग्री के लिए एनएवी तत्व का प्रयोग करें।
सेक्शन तत्व एक सामान्य अर्थात् तत्व है। आप इसका उपयोग तब करते हैं जब अन्य अर्थपूर्ण कंटेनर तत्वों में से कोई भी उपयुक्त नहीं है। आप अपने दस्तावेज़ के हिस्सों को अलग-अलग इकाइयों में एक साथ जोड़ने के लिए इसका उपयोग करते हैं जिसे आप किसी भी तरीके से संबंधित वर्णन कर सकते हैं। यदि आप अनुभाग में तत्वों को एक या दो वाक्यों में वर्णित नहीं कर सकते हैं, तो आपको शायद तत्व का उपयोग नहीं करना चाहिए।
इसके बजाय, आपको डीआईवी तत्व का उपयोग करना चाहिए। एचटीएमएल 5 में डीआईवी तत्व एक गैर-अर्थात् कंटेनर तत्व है। यदि आप जिस सामग्री को गठबंधन करने का प्रयास कर रहे हैं उसका अर्थपूर्ण अर्थ नहीं है, लेकिन आपको अभी भी स्टाइल के लिए इसे संयोजित करने की आवश्यकता है, तो DIV तत्व उपयोग करने के लिए उपयुक्त तत्व है।
सेक्शन एलिमेंट कैसे काम करता है
आपके दस्तावेज़ का एक अनुभाग लेखों और ASIDE तत्वों के लिए बाहरी कंटेनर के रूप में दिखाई दे सकता है। इसमें ऐसी सामग्री भी हो सकती है जो किसी लेख या ASIDE का हिस्सा न हो। एक सेक्शन तत्व एक लेख, एनएवी, या ASIDE के अंदर भी पाया जा सकता है। आप यह भी इंगित करने के लिए अनुभागों को घोंसला कर सकते हैं कि सामग्री का एक समूह सामग्री के किसी अन्य समूह का एक भाग है जो एक लेख या पृष्ठ का एक भाग है।
सेक्शन तत्व दस्तावेज़ की रूपरेखा के अंदर आइटम बनाता है। और इस तरह, अनुभाग के हिस्से के रूप में आपके पास हमेशा हेडर तत्व (H1 के माध्यम से H6) होना चाहिए। यदि आप अनुभाग के लिए शीर्षक के साथ नहीं आ सकते हैं, तो फिर डीआईवी तत्व शायद अधिक उपयुक्त है। याद रखें, अगर आप पृष्ठ पर अनुभाग शीर्षक नहीं दिखाना चाहते हैं, तो आप हमेशा इसे सीएसएस के साथ मुखौटा कर सकते हैं।
जब सेक्शन तत्व का उपयोग नहीं किया जाए
पहले अधिक विशिष्ट अर्थपूर्ण तत्वों का उपयोग करने के लिए ऊपर दी गई सलाह से परे, एक निश्चित क्षेत्र है जिसे आपको सेक्शन तत्व का उपयोग नहीं करना चाहिए: केवल शैली के लिए।
दूसरे शब्दों में, यदि उस स्थान पर कोई तत्व डालने का एकमात्र कारण सीएसएस शैली गुणों को संलग्न करना है, तो आपको एक सेक्शन तत्व का उपयोग नहीं करना चाहिए। एक अर्थपूर्ण तत्व खोजें या इसके बजाय DIV तत्व का उपयोग करें।
आखिरकार यह मामला नहीं हो सकता है
अर्थपूर्ण एचटीएमएल लिखने में कठिनाई यह है कि मेरे लिए अर्थपूर्ण क्या हो सकता है आपसे बकवास हो सकता है। यदि आपको लगता है कि आप अपने दस्तावेज़ों में सेक्शन तत्व का उपयोग करके औचित्य साबित कर सकते हैं, तो आपको इसका उपयोग करना चाहिए। अधिकांश उपयोगकर्ता एजेंट इस परवाह नहीं करते हैं और पृष्ठ प्रदर्शित करेंगे क्योंकि आप उम्मीद कर सकते हैं कि क्या आप एक डीआईवी या एक सेक्शन तैयार करते हैं।
उन रचनाकारों के लिए जो सेमेन्टिक रूप से वैध तरीके से सेक्शन तत्व का उपयोग करके अर्थपूर्ण रूप से सही होना पसंद करते हैं, महत्वपूर्ण है। डिजाइनरों के लिए जो सिर्फ अपने पृष्ठों को काम करना चाहते हैं, यह उतना महत्वपूर्ण नहीं है। मेरा मानना है कि अर्थात् वैध HTML लिखना अच्छा अभ्यास है और पृष्ठों को भविष्य में प्रमाणित रखता है। लेकिन अंत में यह आप पर निर्भर है।