嵌套列表的最佳方法？

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