1

这些天对我们来说，用于导航目的的标签似乎非常流行<li>，无需将它们嵌套在 a<ul>或<ol>. <li>但是当将标签直接嵌套在 HTML5标签中时，我在 IE7 及更低版本中遇到了渲染问题（这并不奇怪）<nav>。

下面的例子做了一些有趣的事情：

<nav class="nav1">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</nav>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<nav class="nav2">
    <li>Item 4</li>
    <li>Item 5</li>
    <li>Item 6</li>
</nav>

上面的代码演示，包括 CSS

使用 IETester 和调试工具，如果您分析 DOM，您会发现 IE 似乎复制了一些<li>标签并试图将它们拉到一起，即使它们被<p>标签分开。

在此处输入图像描述

<nav> <li>当您在整个页面中有多个组合时，这会产生奇怪的结果（视觉上） 。

有没有其他人经历过这种情况，他们可以提供解决方案来解决它吗？我是否必须包含<ul>标签并冒着看起来不时髦的风险？:)

4

1 回答 1

2

即使按照 HTML5 规则，一个li元素也只能作为 、 或 的ul子ol元素menu。如果您违反此规定，所有赌注都将被取消，这样做毫无意义。所以停止这样做并将li元素ul包裹在里面（如果你愿意，你可以把它包裹在里面nav，但没有明显的收获）。

于 2013-06-15T12:07:57.463 回答