嵌套列表的最佳方法？

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