क्या div या nav टैग में नेविगेशन (उल टैग) को लपेटना आवश्यक है?

Question

मैंने देखा है कि कुछ लोग <div> के अंदर अपने नेविगेशन (<ul> टैग) को लपेटते हैं, और <div> में केवल मार्जिन/पैडिंग सीएसएस गुण लागू होते हैं।

हम <div> के बिना नेविगेशन शैली बना सकते हैं और <ul> टैग पर मार्जिन और पैडिंग डाल सकते हैं। तो के अंदर <ul> टैग डालने के लिए आवश्यक है, या यह केवल व्यक्तिगत वरीयता/पक्ष है?

और कुछ ब्राउज़रों में एचटीएमएल 5 के लिए लागू किया गया है, तो > टैग को <nav> टैग में नेविगेशन के लिए उपयोग करना आवश्यक है?

उदा। Smashing HTML5 demo page।

Answer 1

नहीं, यह आवश्यक नहीं है लेकिन यह लेआउट पर निर्भर करता है। <div> दस्तावेज़ सेगमेंट की स्थिति पर अधिक नियंत्रक प्रदान करता है, इसलिए शायद वे उस उद्देश्य के लिए div का उपयोग कर रहे हैं।

Answer 2

यदि आप HTML5 बना रहे हैं, और आपको इंटरनेट एक्सप्लोरर के HTML5 में नए तत्वों के समर्थन की कमी के आसपास काम करने की कोई बात नहीं है, तो आपको अपने नेविगेशन को <nav> तत्व में लपेटना चाहिए।

(वैसे ही जैसे आप एक <p> तत्व में आपके पैराग्राफ लपेट चाहिए -। कि मार्कअप है, टैग के साथ यह लपेटकर द्वारा सामग्री का वर्णन क्या)

एक <div> में अपने नेविगेशन सूची लपेटकर के लिए, आप की जरूरत नहीं है करने के लिए, लेकिन यह अक्सर स्टाइल उद्देश्यों के लिए उपयोगी है।

Answer 3

नहीं, बाहरी <div> के साथ <ul> नेविगेशन को लपेटना निश्चित रूप से आवश्यक नहीं है। मैंने देखा है कि ज्यादातर मामलों में, लोग इसका उपयोग केवल इसलिए करते हैं क्योंकि उनके पास div (divitis) में सब कुछ लपेटने की आदत है।

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

आपके दस्तावेज़ को व्यवस्थित करने के लिए एक अतिरिक्त div का भी उपयोग किया जा सकता है।

html5 <nav> टैग के लिए के रूप में, यह के बारे में सोच के रूप में अर्थ की दृष्टि से अपने कोड के इस भाग को परिभाषित है, ताकि किसी को भी कोड को पढ़ने - तो यह मानव या बॉट (उदाहरण के लिए खोज बॉट) - वास्तव में पता कर सकते हैं कि <nav> अंदर हिस्सा टैग नेविगेशन (या कम से कम माना जाना चाहिए) नेविगेशन, चाहे कोई भी नेविगेशन <ul> के माध्यम से हासिल किया गया हो या यह पाइप प्रतीक | से अलग सादा ओल 'सरल लिंक है।