与< nav>相关的文档中似乎存在相互矛盾的示例.标记在
html5中.我见过的大多数例子都使用了这个:
<nav> <ul> <li><a href='#'>Link</a></li> <li><a href='#'>Link</a></li> <li><a href='#'>Link</a></li> </ul> </nav>
但我想知道这是否只是因为人们习惯使用div.我见过的例子就是这样做
<nav> <a href='#'>Link</a> <a href='#'>Link</a> <a href='#'>Link</a> </nav>
第二种方式对我来说似乎更清晰,更具语义性.有“官方”正确的版本吗?是否有充分的理由继续使用< ul>在nav标签内,而不是直接使用锚元素?
解决方法
这两个例子都是语义的.
在第一个示例中,锚列表显式为无序列表.在第二个示例中,链接列表只是一个锚元素的集合.
<nav> <a href='#'>Link</a> <a href='#'>Link</a> <a href='#'>Link</a> </nav>
但是,使用ul元素允许显式分层菜单(例如下拉列表或树列表):
<nav> <ul> <li> <a href="#">Link</a> </li> <li> <a href="#">Link</a> <ul> <li> <a href="#">Sub link</a> </li> <li> <a href="#">Sub link</a> </li> <li> <a href="#">Sub link</a> </li> </ul> </li> <li> <a href="#">Link</a> </li> <li> <a href="#">Link</a> <ul> <li> <a href="#">Sub link</a> </li> <li> <a href="#">Sub link</a> </li> </ul> </li> </ul> </nav>
原文地址:https://www.jb51.cc/html5/168460.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。