क्या यह एक एंकर में एक सूची आइटम लपेटने के लिए ध्वनि है?

Question

मेरे पास छवियों का एक समूह है जिसमें प्रत्येक के अपने स्वयं के लिंक हैं। मैं छवियों को एक सूची में रखना चाहता हूं (<ul><li> .. आदि) और प्रत्येक आइटम के पास background-image है।

क्या मैं इस तरह से किसी भी मुद्दे में भाग लेगा?

<ul> 
<a href="#"><li class="1"></li></a> 
<a href="#"><li class="2"></li></a> 
<a href="#"><li class="3"></li></a> 
<a href="#"><li class="4"></li></a> 
<a href="#"><li class="5"></li></a> 
<a href="#"><li class="6"></li></a> 
</ul> 

Answer 1

यह यह मान्य HTML क्योंकि केवल एक चीज एक <ul> तत्व में अनुमति दी <li> रों है नहीं है नहीं valid HTML.

<!ELEMENT UL - - (LI)+     -- unordered list --> 

Answer 2

है।

Answer 3

बेहतर होगा कि तुम क्या करना होगा यह इस

<ul> 
<li class="1"><a href="#"></a></li> 
<li class="2"><a href="#"></a></li> 
<li class="3"><a href="#"></a></li> 
</ul> 

की तरह लिखने के लिए तो आप या तो a या li को background-image जोड़ सकते हैं।

हालांकि, आप display:block के रूप में शैली a और उन्हें एक ही height और li की width देना होगा। इस तरह पृष्ठभूमि-छवि दिखाई देगी और संपूर्ण li क्लिक करने योग्य होगा।