Question

我想知道用哪个标签构建一个包含1个父类和2个子类的列表，所有这些都是3只猫。是跨度还是2 uls或span，a和ul，是a，span和ul？

Answer 1

我甚至认为你不需要<span>。

尝试这样的事情：

<ul>
     <li>Parent
          <ul>
               <li>Sub Cat</li>
          </ul>
     </li>
</ul>

Answer 2

在HTML中构建列表的常用方法是使用嵌套列表：

<ul>
  <li>
    Parent
    <ul class="sub">
      <li>Child</li>
      <li>Child</li>
    </ul>
  </li>
</ul>

无论你在<li>项中添加什么都取决于你 - 你不需要<span>元素。如果您的列表包含链接，请将<a>元素放在<li>元素中。

您还可以查看此nested list example。

哦，别忘了写semantic code。您应该将菜单包装在<nav></nav>块中以指示它是导航元素。（我猜你在创造某种菜单。）

Answer 3

<ul>（或<ol>）和<li>用于创建列表。

<span>，<a>和其他标记用于其他目的。

<ul>
    <li>Category 1</li>
    <li>Category 2
        <ol>
            <li>2-1</li>
            <li>2-2
                <ul>
                    <li>2-2-1</li>
                    <li>2-2-2</li>
                </ul>
            </li>
        </ol>
    </li>
</ul>

DEMO：http://jsbin.com/efitid/2

构建列表的最佳方法

3 个答案: