एचटीएमएल 5 एनएवी टैग सही उपयोग

Question

<ul class="mainMenu"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Forum</a></li> 
    <li><a href="#" class="mainSelected">Construct</a></li> 
    <li><a href="#">Arcade</a></li> 
    <li><a href="#">Manual</a></li> 
</ul> 
<ul class="subMenu"> 
    <li><a href="#">Homepage</a></li> 
    <li><a href="#">Construct</a></li> 
    <li><a href="#" class="underSelected">Products</a></li> 
    <li><a href="#">Community Forum</a></li> 
    <li><a href="#">Contact Us</a></li> 
</ul> 

इसे और अधिक शब्दार्थ एक <nav> इन दोनों <ul> व्यक्तिगत रूप से चारों ओर के लिए सही है, या एक दोनों लपेट एनएवी चाहिए?

क्या मेरे पैडर मेनू आइटमों के चारों ओर लपेटने के लिए एनएवी टैग का उपयोग करना भी उचित होगा?

Answer 1

चश्मा के शब्दों में: नेविगेशन लिंक के साथ एक अनुभाग :

नेविगेशन तत्व एक पृष्ठ है कि पृष्ठ के भीतर भागों में अन्य पृष्ठों या के लिए लिंक का एक वर्ग प्रतिनिधित्व करता है।

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

तो एक ही एनवी टैग में दोनों को लपेटने के लिए स्वतंत्र महसूस करें। पाद लेख लपेट लेकिन यहाँ पाद लेख टैग का उपयोग :)

यहाँ ऐनक पढ़ें नहीं है: http://dev.w3.org/html5/spec/Overview.html#the-nav-element

Answer 2

मैं मार्टिन के साथ सहमत हूँ। उन्हें एक नौसेना तत्व में लपेटें।

पाद लेख के संबंध में, हाँ एक और एनवी तत्व का उपयोग करें, जब तक कि साइट साइट के भीतर नेविगेट कर रहे हों।

Answer 3

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

थोड़ा और पुष्टि: यदि आप HTML5 में नए संरचनात्मक टैग देखते हैं, तो आप आसानी से यह विचार प्राप्त कर सकते हैं कि समिति एक पृष्ठ के प्रमुख तत्वों को अच्छी तरह से परिभाषित करना चाहता था। प्रत्येक प्रमुख तत्व अलग-अलग दिख सकता है और व्यवहार कर सकता है। यदि आप एक विशिष्ट वेब पेज को डिज़ाइन करना चाहते हैं, तो यह बहुत सुविधाजनक हो सकता है अगर किसी ने पहले से ही पेज सेक्शन टैग पर नाम दिए हैं ताकि आप उन्हें स्टाइल करने के व्यवसाय के लिए सही तरीके से प्राप्त कर सकें। उस पृष्ठ के हिस्से में एक एनएवी टैग में फेंको जहां आप नेविगेशन अनुभाग प्रदान करते हैं। वह क्या है, तुम पूछो? यह फूटर या साइडबार जैसे पहले से परिभाषित खंडों में से एक नहीं है। Here's a tutorial showing where the author believes the navigation section is - ठीक वहीं जहां आप इसकी अपेक्षा करेंगे।

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

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

शायद मैंने सवाल का जवाब देने के लिए थोड़ा अधिक कहा है, लेकिन मैंने सोचा कि यह थोड़ा सा विस्तार करने के लिए उपयोगी होगा समग्र संदर्भ में।