防止 HTML Tidy 添加 li 元素

Question

我正在使用 HTML Tidy 输出漂亮的 HTML 源代码并作为最终的编码检查。

然而，它采用了一个非常简单的列表，例如：

<ul id="navigation">
            <a href="index.php"><li>Summary</li></a>
            <a href="#"><li>Upload</li></a>
            <a href="accounts.php"><li>Accounts</li></a>
        </ul>

并将其转换为这个怪物：

 <ul id="navigation">
        <li style="list-style: none">
          <a href="index.php"></a>
        </li>
        <li id="active">Summary
        </li>

        <li style="list-style: none">
          <a href="#"></a>
        </li>
        <li>Upload
        </li>
        <li style="list-style: none">
          <a href="accounts.php"></a>
        </li>
        <li>Accounts
        </li>

      </ul>

我如何优雅地告诉它不要管我的列表？

我搜索了这些配置选项，但是我经常发现它们的命名不直观或解释不正确。

Answer 1

它实际上是在尝试更正您的标记以使其符合标准，您的

标签应该位于 标签周围，而不是相反，也许如果你解决这个问题，那么它就不会尝试向列表中添加额外的项目。

不过，您可以删除样式部分，只需修改您的 css 即可：

ul.navigation li
{
    list-style: none;
}

Answer 2

唯一的答案：首先给它有效的标记。 ul 的唯一合法子元素是 li。 a 元素不能是 ul 的子元素。

<ul id="navigation">
    <li><a href="index.php">Summary</a></li>
    <li><a href="#">Upload</a></li>
    <li><a href="accounts.php">Accounts</a></li>
</ul>

如果您希望整个 li 可点击，请将 a 元素设置为 display: block：

#navigation li a {
    display: block;
}

Answer 3

您的列表是无效标记； ul 元素只能包含 li 元素。 Tidy 实际上正在应用最明智的通用方法来修复此类损坏的标记：它将任何非 li 内容转换为 li 元素，列表公告将被抑制。

因此，手动更改标记，

<a href="index.php"><li>Summary</li></a>

。

<li><a href="index.php">Summary</a></li>

就像您想要的那样 如果他们期望当前的标记，这可能需要更改 CSS 或 JavaScript 代码。

Answer 4

将 标签移至

-s 中：

<li><a href="index.php">Summary</a></li>