html - 验证错误 : Element a not allowed as child of element ul in this context.(抑制来自该子树的更多错误。)

Question

我正在尝试找到解决此验证错误的方法。我有一个带有缩略图的图像网格，单击时会显示一个模态。一切正常，但无法验证。我无法将 li 放在模态图像周围，或者它在单击之前显示。我对编码很陌生，任何帮助都会很棒。

Line 54, Column 41: Element a not allowed as child of element ul in this context. 
(Suppressing further errors from this subtree.)

<a href="#_" class="lightbox" id="img10">

代码:

<ul class="cbp-rfgrid">
    <li>
        <a href="#img10"><img src="images/portfolio/goat-tn2.jpg" alt="logo"></a>
    </li>
    <a href="#_" class="lightbox" id="img10">
      <img src="images/portfolio/goat.jpg" alt="logo">
    </a>
</ul>

Answer 1

ul 的内容模型在任何版本的 HTML 中都不允许 a 子元素。如果您希望将 a 元素包含在 ul 元素中，则需要将其包装在 li 元素中。

不清楚您为什么首先使用 ul。如果第二张图片最初不可见，那肯定完全取决于所涉及的样式表和脚本。由于它们尚未公开，因此无法说明您应该如何重写代码。