代码之家 › 专栏 › 技术社区 › superUntitled

验证<ul>下拉菜单时出错

validation html

superUntitled · 技术社区 · 16 年前

验证html时遇到问题,我的菜单触发以下错误:

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>

3 回复 | 直到 16 年前

Jonny Haynes 16 年前

第一 <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>

Felix Kling 16 年前

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

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

//...
<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>

-1

Sarfraz 16 年前

您的文档类型是:

<!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">

严格的文档类型检查非常严格;你应该能够遵守这些严格的标准。

我不确定这是否正是问题的原因,但您可能想试试。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Jamie · 在CSS链接的文件名中添加Jinja占位符

1 年前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

1 年前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

1 年前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

1 年前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

1 年前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

1 年前