嵌套列表的最佳方法？

Question

我需要实现一些棘手的布局，这将需要一些类似类似这样的标记：

<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> 

问题是，

这将是有效的，或语义？

Answer 1

是的嵌套列表是完全有效的，你的代码看起来是完全有效的。 http://www.w3.org/wiki/HTML_lists#Nesting_lists