2012-03-07 9 views
8

का उपयोग करना चाहिए, मैं एक नेविगेशन मेनू बना रहा हूं, क्या मुझे इसके लिए <nav> तत्व या <ul> तत्व का उपयोग करना चाहिए?क्या मुझे एनएवी या उल

यदि मैं nav का उपयोग करता हूं तो मुझे एक शिव का उपयोग करने की आवश्यकता होगी ताकि यह ब्राउज़र में काम करे।

यदि ऐसा है, तो ul पर nav का उपयोग करने का क्या फायदा है?

संपादित करें: क्यों सब पर एक nav का उपयोग

मैं तुम्हें एक nav मेरे सवाल में एक ul रख सकते हैं पता है?

उत्तर

10

<nav> और <ul> के साथ भ्रमित न हों। इन दोनों को एक नेविगेशन मेनू के लिए एक साथ इस्तेमाल किया जा सकता है।

Nav एक HTML5 टैग है। यदि आप HTML5 में कुछ बना रहे हैं तो आप <nav> का उपयोग कर सकते हैं क्योंकि कोई प्रतिबंध नहीं है, लेकिन सभी ब्राउज़र इसे सही तरीके से प्रस्तुत नहीं करेंगे।

<nav> 
    <ul> 
     <li><a href="default.asp">Home</a></li> 
     <li><a href="news.asp">News</a></li> 
     <li><a href="contact.asp">Contact</a></li> 
     <li><a href="about.asp">About</a></li> 
    </ul> 
</nav> 
  1. Read about Html 5

Ul एक बिना क्रम वाली सूची बनाता है। अनियंत्रित मतलब है कि सूची में आइटम किसी भी विशेष क्रम में नहीं होंगे। आप अपने लिंक रखने के लिए nav के अंदर ul तत्व घोंसला कर सकते हैं।

एचटीएमएल टैग और वे here कैसे काम करते हैं के बारे में और पढ़ें।

<ul> 
    <li><a href="default.asp">Home</a></li> 
    <li><a href="news.asp">News</a></li> 
    <li><a href="contact.asp">Contact</a></li> 
    <li><a href="about.asp">About</a></li> 
</ul> 

यह आपको बेहतर देखने के लिए कुछ सीएसएस शैलियों डाल करने के लिए एक नेविगेशन पट्टी का निर्माण करेगा।

उपरोक्त दोनों कोड एक ही परिणाम उत्पन्न करेंगे। केवल अंतर यह है कि nav ब्राउज़र को बताता है कि यह तत्व नेविगेशन उद्देश्य के लिए है।

+1

अगर मैं नौसेना का उपयोग नहीं करता तो यह कम एसईओ अनुकूल होगा? यदि नहीं, तो मुझे नेविगेशन – qwertymk

+0

@qwertymk का कोई फायदा नहीं देखा गया है, जैसा कि मैंने कहा था, कोई भी एसईओ-लाभ नहीं है (फिलहाल) और भविष्य में भी भविष्य में नहीं। – Christoph

3

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

1

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

सावधान रहें, उन HTML5-तत्वों का उपयोग IE को तोड़ने के लिए, इसलिए आपको उन्हें "पंजीकरण" करने की आवश्यकता है, इसलिए IE उन्हें स्टाइल करने योग्य HTML-तत्वों के रूप में पहचानता है।

2

आप आम तौर पर तो जैसे वैसे भी एक <nav> अंदर एक सूची का उपयोग करना चाहिए,:

<nav> 
    <ul> 
    <li>...</li> 
    </ul> 
</nav> 
3

मामले पर निर्भर करता है, लेकिन समय के सबसे अधिक आप दोनों का उपयोग कर सकेंगे।

<nav> 
    <ul> 
     <li><a href="#">item1</a></li> 
     <li><a href="#">item2</a></li> 
     <li><a href="#">item3</a></li> 
     <li><a href="#">item4</a></li> 
     <li><a href="#">item5</a></li> 
    </ul> 
</nav> 

<!-- Or just links --> 

<nav> 
    <a href="#">Item</a> 
    <a href="#">Item</a> 
    <a href="#">Item</a> 
</nav> 

दोनों अर्थात् सही हैं।

0

आप ब्राउज़रों कि यह समर्थन नहीं करते nav उपयोग करते हैं लेकिन किसी भी मुद्दे से बचना चाहते हैं, ऐसा करने का सरलतम बात यह करने के लिए किसी भी स्टाइल लागू करते हैं और एक div और शैली है कि बजाय चारों ओर लपेट नहीं है।

<nav> 
    <div class="nav"> 
     <ul> 
      <li><a href="?">List Item Link</a></li> 
      <li><a href="?">List Item Link</a></li> 
      <li><a href="?">List Item Link</a></li> 
     </ul> 
    </div> 
</nav> 
+0

यह उन ब्राउज़रों में काम करेगा जो इसका समर्थन नहीं करते हैं? हमेशा? – qwertymk

0

बस मेरी राय है, मैं एक ul बस कारण यह है कि IE 6 और 7 अभी भी एक बड़े आकार का बाजार में हिस्सेदारी के लिए प्रयोग करेंगे, और मैं जानता हूँ कि मैं हुप्स के माध्यम से कूद करने के काम करने के लिए एक ul पाने के लिए नहीं करना होगा । अभी भी, यह आसान है।

0

दोनों एनएवी और उल तत्व संपर्क करता है कि, एचटीएमएल 5 में मेनू बनाने के लिए इस्तेमाल किया जा सकता

  • नेविगेशन तत्व संपर्क करता है कि हम एक प्रमुख नेविगेशन ब्लॉक
  • सूची के साथ काम कर रहे इस नेविगेशन के अंदर लिंक ब्लॉक,

हालांकि आप दोनों एनएवी और मेनू निर्माण में उल उपयोग कर सकते हैं मदों की एक सूची के लिए फार्म

<nav> 
<ul> 
    <li>item 1</li> 
    <li>item 2</li> 
</ul> 
</nav> 

यह आप पर निर्भर करता है कि या तो नौसेना या उल

 संबंधित मुद्दे

  • कोई संबंधित समस्या नहीं^_^