0

我想知道在将列表创建为菜单时， <li>and<a>标签的顺序是否正确。即每个列表项也将是一个链接。

我目前在我的页面上混合了一些列表，一些是图像，一些是文本

    <ul id="controls" class="menu-options hidden">
        <li><img title="Line Status" src="img/live.png" /></li>
        <li><img title="Station Information" src="img/info.png" /></li>
        <li><img id="direction-button" title="Route Finder" src="img/direction2.png" /></li>
        <li><img title="Show on map" src="img/find.png" /></li>
    </ul>

对于这一点，我已将响应设置为在单击 li 项时激活

        <ul class="hidden">
            <a class="active" href="#"><li>Line Status</li></a>
            <a href="#"><li>Station Notifications</li></a>
            <a href="#"><li>This Weekend</li></a>
        </ul>

在这一点上，我将响应设置为在单击项目时激活。

我正在清理我的代码，我知道在<a>标签上激活所有交互式图像/文本是一种很好的做法。所以问题是我的列表应该看起来像a）

        <ul>
            <a href="#"><li>content</li></a>
            <a href=""><li>content</li></a>
        </ul>

或 b)

        <ul>
            <li><a href="#">content</a></li>
            <li><a href="">content</a></li>
        </ul>
4

2 回答 2

1

使用后者，因为li应该是 的唯一子级ul，并在锚标签上设置 adisplay:block;以填充 li 元素。

<ul>
  <li><a href="#">content</a></li>
  <li><a href="">content</a></li>
</ul>
于 2013-10-04T16:39:56.727 回答
-1

我会这样想：

1）您正在创建一个列表（ul 标签）。

2）您正在创建一个列表项（li 标签）。

3）您正在用某些东西（标签）填充列表项。

所以B

于 2013-10-04T16:46:23.820 回答