standards - <nav>या<menu>(HTML5)




(5)

W3Schools.com और मुझे पूरा यकीन है कि मुझे W3C.org स्थिति को याद रखना है कि <menu> टूलबार मेनू और लिस्टिंग फ़ॉर्म नियंत्रण आदेशों के लिए उपयोग किया जाना चाहिए।

तो, मुझे अपने मुख्य मेनू के लिए किस का उपयोग करना चाहिए? Nav , या Menu ? फर्क पड़ता है क्या?


Answers

nav आंतरिक लिंक ( a तत्व) के समूहों के लिए प्रयोग किया जाता है। आम तौर पर इसका मतलब है कि लिंक अलग पृष्ठों पर यात्रा करना चाहिए, या AJAX पृष्ठ के मामले में सामग्री बदलना चाहिए। nav आइटम पर क्लिक करते समय किसी प्रकार की सामग्री में परिवर्तन की अपेक्षा करें।

menu नियंत्रण के समूहों ( a , input , button ) के लिए प्रयोग किया जाता है। आम तौर पर इसका मतलब है कि इनपुट को पृष्ठ के भीतर एक फ़ंक्शन करना चाहिए। menu आइटम पर क्लिक करते समय किसी प्रकार की जावास्क्रिप्ट बातचीत की अपेक्षा करें।

nav : साइट के लिए नेविगेशन

menu : एक वेब अनुप्रयोग के लिए मेनू



menu से अलग कैसे है (मूल रूप से, इसे वास्तविक ऐप्स में उपयोग करें) पर एक अनुभाग के साथ nav पर एक HTML5Doctor पोस्ट यहां दिया गया है। ऐसा लगता है कि आप nav चाहते हैं।


<nav> एक अनुभाग है (जैसे <section> या <article> ) तो यह आपके HTML दस्तावेज़ रूपरेखा में दिखाई देगा। इसके कारण, मैं <menu> 99% समय का उपयोग करूंगा। मेरे लिए, <nav> <section> और <menu> बीच एक मिश्रण है, जो अतिरिक्त कसना के साथ है कि <nav> विशेष रूप से नेविगेशन के लिए उपयोग किया जाना चाहिए, जबकि <menu> किसी भी चीज़ के लिए हो सकता है जिसे मेनू कहा जा सकता है (सहित नेविगेशन बार)। इसलिए अधिकांश नेविगेशन बार, इस तथ्य के बावजूद कि वे नेविगेशन बार हैं, <nav> की सख्त आवश्यकताओं को फिट न करें, और <menu> अधिक उपयुक्त है।

मैंने कभी अपने वेब विकास कैरियर में ऐसी स्थिति नहीं पाई है जहां मैं चाहता था कि मेरा नेविगेशन बार दस्तावेज़ रूपरेखा का हिस्सा बन जाए।


न्यूनतम लम्बाई विशेषता (अधिकतम लम्बाई के विपरीत) HTML5 में मूल रूप से मौजूद नहीं है। हालांकि इसमें फ़ील्ड को सत्यापित करने के कुछ तरीके हैं यदि इसमें x वर्णों से कम है।

इस लिंक पर jQuery का उपयोग करके एक उदाहरण दिया गया है: http://docs.jquery.com/Plugins/Validation/Methods/minlength

<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
    debug: true,
    success: "valid"
});;
</script>

  <script>
  $(document).ready(function(){
    $("#myform").validate({
  rules: {
    field: {
      required: true,
      minlength: 3
    }
  }
});
  });
  </script>
</head>
<body>

<form id="myform">
  <label for="field">Required, Minimum length 3: </label>
  <input class="left" id="field" name="field" />
  <br/>
  <input type="submit" value="Validate!" />
</form>

</body>
</html>






html html5 menu standards nav