嵌套列表的最佳方法？

托尼·米歇尔·考贝特（Toni Michel Caubet）

我需要实现一些棘手的布局，并且需要一些类似的标记，例如：

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

问题是

这是合法的还是语义的？

汤姆·赫德

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。