Question

我正在尝试调试我的页脚，但我不断收到类似的错误（在此上下文中元素h4不允许作为元素ul的子元素）

任何人都可以解释。我不能放置HTML因为某些原因它不起作用。可能是因为代码中存在一些错误。链接到我的网站是 http://www.timberlife.nl

然后检查页面页脚的元素。

<ul>

<h4 class="footerr">SUPPORT</h4> 
    <br>
<a href="http://timberlife.nl/contact/" style="color: rgb(255,255,255);">CONTACT</a> 
    <br>
<a href="http://timberlife.nl/faq/" style="color: rgb(255,255,255);">FAQ</a> 
    <br>
<a href="http://timberlife.nl/disclaimer/" style="color: rgb(255,255,255);">DISCLAIMER</a> 
    <br>
</ul>

从这开始。

<h6 class="text-white copy-text">

非常感谢！

大安

Answer 1

根据HTML5规范，您不能将标题标记作为<ul></ul>中的子标记，您应该使用<li></li>填充它，然后在每个列表中插入您的内容，如下所示：

<ul>
  <li><h4 class="footerr">SUPPORT</h4></li>
  <li><a href="http://timberlife.nl/contact/" style="color: rgb(255,255,255);">CONTACT</a></li>
  <li><a href="http://timberlife.nl/faq/" style="color: rgb(255,255,255);">FAQ</a></li>
  <li><a href="http://timberlife.nl/disclaimer/" style="color: rgb(255,255,255);">DISCLAIMER</a></li>
</ul>

我还注意到你已将整个内容块包装在标头标签中，尽量避免这种情况，因为它也会导致无效的html。请使用div。

参考：w3.org ul element

Answer 2

由于列表结构无效，因此抛出错误。所有内容都必须包含在li标记中。

<ul>
    <li><h4 class="footerr">SUPPORT</h4></li>
    <li><a href="http://timberlife.nl/contact/">CONTACT</a></li>
    <li><a href="http://timberlife.nl/faq/">FAQ</a></li>
    <li><a href="http://timberlife.nl/disclaimer/">DISCLAIMER</a></li>
</ul>

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul

此外，您应该使用CSS文件（或至少是嵌入式样式标记）而不是内联样式：

<style>
    ul li a {color: white;}
</style>

Answer 3

如果你想在ul中使用任何heading标签，那么你应该将它放在li标签内，因为ul或ol标签内的任何列表只能由li标签制作。所以请试试这个

<li><h4 class="footerr">SUPPORT</h4> </li>

这应该可行

在这种情况下，元素h4不允许作为元素ul的子元素吗？

3 个答案: