如何在我的 wordpress 导航中的 <li> 标签周围放置标签？答案

【问题标题】：How do I put a tags around the <li> tags in my wordpress navigation?如何在我的 wordpress 导航中的 <li> 标签周围放置标签？
【发布时间】：2014-03-16 22:27:05
【问题描述】：

我是制作 wordpress 模板的新手，偶然发现了一个问题，您很可能必须在 wordpress 默认值内编辑某些内容。

我使用命令 wp_list_pages 来显示所有页面。这工作正常，但输出如下所示：

<li class="page_item page-item-20"><a href="#">Page Name</a></li>

我想要一个标签来包裹

标签，这样整个样式的

区域都是可点击的，而不仅仅是文本。你知道如何做到这一点吗？此外，也欢迎使用其他使整个

区域可点击的解决方案。

谢谢！

【问题讨论】：

将<li> 包装在<a> 中是无效的HTML。确实没有充分的理由这样做。您可以使用 CSS 来实现您想要的，而无需破坏 HTML

标签： wordpress list hyperlink navigation

【解决方案1】：

我会说：不要。

包装 <li> 标记是无效的 HTML（尝试将其传递到 http://validator.w3.org/check）。

相反，我建议设置<li> 标记本身的样式，使其可以通过page_item css 类点击。您不需要为此包装标签本身。

基本示例：jsFiddle

【讨论】：

【解决方案2】：

*关于@Sparky 语义评论道具的更正

这会生成无效的 HTML（而不是语义问题）

您可能想要做的是将 a 的 CSS 设置为 display: block;

How do I make the whole area of a list item in my navigation bar, clickable as a link?

https://stackoverflow.com/a/14803036/2821387

【讨论】：

“语义”是题外话... 这只是普通的无效 HTML。
我理解你的观点，并注意到你在上面也发表了评论。已更正。