Question

这是我的代码：

<h5 id="footer">Stephen Carter &copy; 2014 &middot;
    <li> 
        <a href="index.php">About &middot;</a>
    </li>
    <li>
        <a href="contactform.php">Contact Form</a>
    </li>
</h5>

我收到错误：在此上下文中，元素li不允许作为元素h5的子元素。（抑制此子树中的更多错误。）

但是，你可以看到它是我的页脚。我的页脚看起来像“斯蒂芬卡特 - 2014年 - 关于 - 联系表格”.....关于和联系页面必须包含在标题内以便在同一行。我该如何纠正这个错误没有显示？感谢

Answer 1

li（列表项）元素只能是列表元素的子元素，ul（无序列表）或ol（有序列表）。只需将a元素作为h5标题的直接子元素。

Answer 2

正如@javier所说，你的列表项必须是有序或无序列表的一部分

对于无序列表的情况：

<ul id="footer">Stephen Carter &copy; 2014 &middot;
    <li> 
        <a href="index.php">About &middot;</a>
    </li>
    <li>
        <a href="contactform.php">Contact Form</a>
    </li>
</ul>

对于有序列表的情况：

<ol id="footer">Stephen Carter &copy; 2014 &middot;
    <li> 
        <a href="index.php">About &middot;</a>
    </li>
    <li>
        <a href="contactform.php">Contact Form</a>
    </li>
</ol>

虽然你可能会更好地做这个html5，因为你已经声明这是一个页脚：

<footer id="footer">
    Stephen Carter &copy; 2014 &middot;
    <a href="index.php">About &middot;</a>
    <a href="contactform.php">Contact Form</a>     
</footer>

Answer 3

您必须为li元素添加ul标记。喜欢这个

<h5 id="footer">Stephen Carter &copy; 2014 &middot;
    <ul>
        <li> 
            <a href="index.php">About &middot;</a>
        </li>
        <li>
            <a href="contactform.php">Contact Form</a>
        </li>
    </ul>   
</h5>

您可以添加像这样的CSS代码

h5 > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

h5 ul >li {
    display: inline;
}

它必须像这样工作。

在此上下文中，元素li不允许作为元素h1的子元素

3 个答案: