Javascript 在html列表中使用链接属性的约定

我想知道

和
的订单是否正确


在这个例子中，我将响应设置为单击一个项目时激活

我正在清理我的代码，我知道在



或b）





使用后者，因为
li
应该是
ul
的唯一子级，并设置
显示：块以填充li元素

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





我的思考方式：

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

2） 您正在创建列表项（li标记）

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

因此B
为了进行验证，ul的有效子级是li或ol。有效的HTML只允许
li
s是
ul
s的直接后代。其他提到的都是无关紧要的。
        <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>

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

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

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