Question

我想知道在创建列表作为菜单时是否有<li>和<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>代码上激活所有交互式图片/文字。所以问题是我的清单应该是什么样的一个）

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

Answer 1

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

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

Answer 2

我想的方式：

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

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

3）您正在使用某些内容（标记）填充列表项。

所以B

在html列表中使用link属性的约定

2 个答案: