以下菜单在浏览器中工作得很好,但我无法将其验证为 XHTML。我从我的 CSS Book 中取出了这个例子。说是对的,貌似不是。
<ul id="leftNavi">
<li>
<a href="#" class="SCL">left menu1</a>
</li>
<li class="SCNL">left menu2</li>
<ul id="subnavi">
<li>
<a href="#" class="inactive">menu2/1</a>
</li>
<li>
<a href="#" class="inactive">menu2/2</a>
</li>
<li>
<a href="#" class="inactive">menu2/3</a>
<li>
</ul>
<li>
<a href="#" class="HCL">left menu3</a>
</li>
</ul>
这里是页面的链接:http://www.yiip.de/arbeit/testlayout/standard_template.html我说的是左侧菜单。
最佳答案
<ul id="leftNavi">
<li ><a href="#" class="SCL">left menu1</a></li>
<li class="SCNL">left menu2
<ul id="subnavi">
<li><a href="#" class="inactive">menu2/1</a></li>
<li><a href="#" class="inactive">menu2/2</a></li>
<li><a href="#" class="inactive">menu2/3</a></li>
</ul>
</li>
<li><a href="#" class="HCL">left menu3</a></li>
</ul>
你有几个问题:
- 以 3 作为列表项的行没有正确结束
<li>
元素;和 subnav1
列表未包含在<li>
中元素。它不能是另一个列表的直接子项,这是验证 HTML 的主要问题。
关于html - XHTML:为什么我的嵌套 UL 无效?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1021372/