Question

我无法验证我的HTML，我的菜单会触发以下错误：

“文档类型不允许元素”li“在这里;缺少”ul“，”ol“start-tag”

link到验证者

link到网站

我的代码如下，菜单是下拉菜单

<ul>
    <li>
        <a href='services' class='inactive'>Services</a>
        <ul>
            <li><a href='services'>Services</a></li>
            <li><a href='brokerage' >Brokerage Group</a></li>
            <li><a href='development-group'>Development Group</a></li>
        </ul>
    </li>
    <li ><a href='contact'>Contact</a></li>
</ul>

我错过了什么吗？链接标记后面的ul是否使我的代码无效？

Answer 1

第二个<li>内的第一个<ul>缺少结束标记...看起来您已经复制并粘贴了代码，因此错误会出现几次。

<ul>
    <li class='headlink'><a href='home' class='inactive'>Home</a></li>
    <li class='headlink'><a href='about' class='inactive'>About</a>
        <ul class='About'>
            <li class='headlink'><a href='about'>About</a> <!-- MISSING TAG HERE -->
            <li><a href='management-team' class='inactive'>Management Team</a></li>
            <li><a href='partners' class='inactive'>Partners</a></li>
            <li><a href='global-one-standard' class='inactive'>Global One Standard</a></li>
            <li><a href='business-investment-opportunities' class='inactive'>Business & Investment Opportunities</a></li>
        </ul>
    </li>
    <li class='headlink'><a href='services' class='active'>Services</a>
        <ul class='Services'>
            <li class='headlink'><a href='services'>Services</a> <!-- MISSING TAG HERE -->
            <li><a href='brokerage' class='inactive'>Brokerage Group</a></li>
            <li><a href='development-group' class='inactive'>Development Group</a></li>
        </ul>
    </li>
    <li class='headlink'><a href='projects' class='inactive'>Projects</a>
        <ul class='Projects'>
            <li class='headlink'><a href='projects'>Projects</a> <!-- MISSING TAG HERE -->
            <li><a href='hilton-garden-inn' class='inactive'>Hilton Garden Inn</a></li>
            <li><a href='federal-plaza' class='inactive'>Federal Plaza</a></li>
        </ul>
    </li>
    <li class='headlink'><a href='contact' class='inactive'>Contact</a></li>
</ul>

Answer 2

在验证器投诉的位置仔细检查您的代码，例如第一个错误

第41行，第203列：文档类型不允许元素“li”在这里;缺少“ul”，“ol”，“menu”，“dir”start-tag
之一

是因为您的代码看起来像这样

//...
<ul class='About'>
    <li class='headlink'>
        <a href='about'>About</a>
     //                            <- you have to put </li> here
    <li>
        <a href='management-team' class='inactive'>Management Team</a>
   </li>

Answer 3

您的文档类型是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

您确定要使用它吗？如果没有尝试使用以下文档类型：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格检查严格的文件类型;你应该能够遵守那些严格的标准。

我不确定这是否是问题的原因，但您可能想尝试一下。

无法验证<ul>下拉菜单</ul>

3 个答案: