तत्व 'div' 'उल'

Question

<ul> 
      <div style="float:left"> 
        <asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="false" OnClick="lbtnFirst_Click">İlk</asp:LinkButton></div> 
      <div style="float:left"><asp:LinkButton ID="lbtnPrevious" runat="server" CausesValidation="false" OnClick="lbtnPrevious_Click"> << </asp:LinkButton></div> 
</ul> 

तत्व के भीतर नेस्ट नहीं किया जा सकता मेरी Asp.net परियोजना में मैं इस चेतावनी मिलती है:

मान्यता (XHTML 1.0 संक्रमणकालीन): तत्व 'div' नेस्ट नहीं किया जा सकता तत्व 'उल' के भीतर।

लेकिन जब मैं एफ 5 पर हमेशा क्लिक करता हूं तो बहुत अच्छा होता है। अब मैं विजुअल स्टूडियो 2013 में लोकहोस्ट पर काम कर रहा हूं (कोड साइड सी #) मैं पूछना चाहता हूं कि इससे भविष्य में मेरी साइट के लिए समस्या हो सकती है?

Answer 1

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

प्राप्त करने के लिए आप क्या चाहते हैं, अपनी सूची में इस सीएसएस शैली लागू:

.your-ul { 
    list-style: none; 
} 

.your-ul li { 
    position:relative; 
    margin-left: 0; 
    display: inline-block; 
} 

आपका HTML/ASPX कोड इस तरह दिखेगा:

<ul class="your-ul"> 
    <li><asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="false" OnClick="lbtnFirst_Click">Ilk</asp:LinkButton></li> 
    <li><asp:LinkButton ID="lbtnPrevious" runat="server" CausesValidation="false" OnClick="lbtnPrevious_Click"> << </asp:LinkButton></li> 
</ul> 

Answer 2

आम तौर पर तत्व li तत्वों को रखने के लिए अपेक्षा करेगा। यह li तत्वों के लिए div एस के लिए समझ में आता है लेकिन एस (या कुछ और) ul के तत्काल बच्चों के रूप में यह बहुत समझ में नहीं आता है। आप अपना div से li एस बदल सकते हैं, शायद यही वह है जिसे आप ढूंढ रहे हैं?

Answer 3

आप अभी भी अपने div टैग का उपयोग कर सकते हैं, इसे सिर्फ li तत्व में लपेटने की आवश्यकता है।

<ul> 
<li> 
    <div style="float:left"> 
     <asp:LinkButton ID="lbtnFirst" runat="server" CausesValidation="false" onClick="lbtnFirst_Click">İlk</asp:LinkButton> 
    </div> 
    <div style="float:left"> 
     <asp:LinkButton ID="lbtnPrevious" runat="server" CausesValidation="false" OnClick="lbtnPrevious_Click"> << </asp:LinkButton> 
    </div> 
</li> 

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