html - Best way to nest lists? -


i need achieve tricky layout , require similar markup this:

<ul>       <li class="active">         <a href="#"><?=lang('nuestros-hoteles')?></a>         <ul>             <li>                 <ul>                     <li>a                         <ul>                             <li><a href="#">1</a></li>                             <li><a href="#">2</a></li>                             <li><a href="#">3</a></li>                         </ul>                     </li>                 </ul>                 <ul>                     <li>b                         <ul>                             <li><a href="#">1</a></li>                         </ul>                     </li>                 </ul>                 <ul>                     <li>c                         <ul>                             <li><a href="#">1</a></li>                             <li><a href="#">3</a></li>                             <li><a href="#">3</a></li>                         </ul>                     </li>                 </ul>             </li>         </ul>     </li>     <li>...</li> </ul> 

question is,

would valid , or semantic?

yes nested lists valid, , code looks valid. http://www.w3.org/wiki/html_lists#nesting_lists


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -