HTML5 अनुभाग तत्व का उपयोग कब करें

click fraud protection

नया HTML5 अनुभाग तत्व कुछ भ्रमित करने वाला हो सकता है। यदि आप HTML5 से पहले HTML दस्तावेज़ बना रहे हैं, तो संभावना है कि आप पहले से ही अपने पृष्ठों के भीतर संरचनात्मक विभाजन बनाने के लिए तत्व का उपयोग कर रहे हैं और फिर उनके साथ पृष्ठों को स्टाइल कर रहे हैं। तो यह आपके मौजूदा को बदलने के लिए एक स्वाभाविक बात की तरह लग सकता है डिव तत्वों के साथ अनुभाग तत्व लेकिन यह तकनीकी रूप से गलत है।

'खंड' तत्व एक अर्थपूर्ण तत्व है

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

यह एक बहुत ही सामान्य विवरण की तरह लग सकता है, और ऐसा इसलिए है क्योंकि यह है। वहाँ दूसरे हैं HTML5 तत्व जो आपकी सामग्री को अधिक अर्थपूर्ण भेद प्रदान करते हैं जिसका उपयोग करने से पहले आपको पहले उपयोग करना चाहिए अनुभाग तत्व:

  • लेख
  • अलग
  • एनएवी

'अनुभाग' तत्व का उपयोग कब करें

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

instagram viewer
एनएवी सामग्री के लिए तत्व जो साइट नेविगेशन का समर्थन करता है।

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

इसके बजाय, आपको का उपयोग करना चाहिए डिव तत्व। डिव HTML5 में तत्व एक गैर-अर्थपूर्ण कंटेनर तत्व है। यदि आप जिस सामग्री को संयोजित करने का प्रयास कर रहे हैं, उसका अर्थ अर्थ नहीं है, लेकिन फिर भी आपको उसे स्टाइल के लिए संयोजित करने की आवश्यकता है, तो डिव तत्व उपयोग करने के लिए उपयुक्त तत्व है।

'सेक्शन' तत्व कैसे काम करता है

आपके दस्तावेज़ का एक भाग लेखों के लिए बाहरी कंटेनर के रूप में प्रकट हो सकता है और अलग तत्व इसमें ऐसी सामग्री भी हो सकती है जो किसी का हिस्सा नहीं है लेख या अलग. ए अनुभाग तत्व एक. के अंदर भी पाया जा सकता है लेख, एनएवी, या अलग. आप यह इंगित करने के लिए अनुभागों को नेस्ट भी कर सकते हैं कि सामग्री का एक समूह सामग्री के दूसरे समूह का एक अनुभाग है जो किसी लेख या संपूर्ण पृष्ठ का एक अनुभाग है।

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

यदि आप नहीं चाहते कि अनुभाग शीर्षक पृष्ठ पर दिखाई दे, तो आप इसे हमेशा सीएसएस के साथ मुखौटा कर सकते हैं।

जब 'सेक्शन' तत्व का उपयोग नहीं करना है

एक उद्देश्य है जिसके लिए आपको इसका उपयोग नहीं करना चाहिए अनुभाग तत्व: केवल शैली के लिए।

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

अंततः यह मायने नहीं रख सकता

सिमेंटिक HTML लिखने में एक कठिनाई यह है कि जो ब्राउज़र के लिए सिमेंटिक है वह आपके लिए बिलकुल बकवास हो सकता है। यदि आपको लगता है कि आप का उपयोग करके औचित्य साबित कर सकते हैं अनुभाग अपने दस्तावेज़ों में तत्व, तो आपको इसका उपयोग करना चाहिए। अधिकांश उपयोगकर्ता एजेंट परवाह नहीं करते हैं और पृष्ठ को प्रदर्शित करेंगे जैसा आप उम्मीद कर सकते हैं कि क्या आप शैली a डिव या ए अनुभाग.

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

instagram story viewer