文章/答案/技术大牛

发布

社区首页 >问答首页 >验证HTML时出错“文档类型不允许在此处使用元素"li”；缺少"ul“、"ol”、"menu“、"dir”开始标记之一“

问验证HTML时出错“文档类型不允许在此处使用元素"li”；缺少"ul“、"ol”、"menu“、"dir”开始标记之一“
EN

Stack Overflow用户

提问于 2010-03-23 22:30:43

回答 3查看 6.2K关注 0票数 0

所以我第一次尝试在wordpress上编写代码，但是验证器似乎不喜欢我。看看我在验证时遇到的错误：

第87行，第33列:文档类型不允许在此处使用元素"li“；缺少"ul”、"ol“、"menu”、"dir“开始标记之一

我到处都找过了，没有发现任何丢失或放错位置的li或ul标签

有人能帮我解决这个问题吗？

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<title>
Blog</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="WordPress 2.9.2" />
<!-- leave this for stats please -->
<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/cmc-milagro/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost/wordpress/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://localhost/wordpress/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://localhost/wordpress/?feed=atom" />
<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />
 <link rel='archives' title='March 2010' href='http://localhost/wordpress/?m=201003' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /> 

<link rel='index' title='Blog' href='http://localhost/wordpress' />
<meta name="generator" content="WordPress 2.9.2" />
</head>
<body>
<div>
  <h1><a href="http://localhost/wordpress">
    Blog</a>
  </h1>
  Just another WordPress weblog</div>
<div id="container">
      <h2><a href="http://localhost/wordpress/?p=8">

    Teste Post 3    </a></h2>
  <div class="post" id="post-8">
    <div class="entry">
      <p>Aliquam erat volutpat. Fusce in nibh elit. Morbi lorem urna, viverra sed  blandit eget, mattis venenatis felis. Maecenas viverra pellentesque  justo, vel tincidunt massa semper sit amet. Vestibulum rhoncus purus in  mauris fermentum ut aliquet augue semper.</p>
      <p class="postmetadata">
        Filed under&#58;        <a href="http://localhost/wordpress/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a>        by        admin        <br />

        <a href="http://localhost/wordpress/?p=8#respond" title="Comment on Teste Post 3">No Comments &#187;</a>         &#124; <a class="post-edit-link" href="http://localhost/wordpress/wp-admin/post.php?action=edit&amp;post=8" title="Edit post">Edit</a>      </p>
    </div>
  </div>
    <h2><a href="http://localhost/wordpress/?p=5">
    Teste Post 2    </a></h2>
  <div class="post" id="post-5">

    <div class="entry">
      <p>Aliquam erat volutpat. Fusce in nibh elit. Morbi lorem urna, viverra sed  blandit eget, mattis venenatis felis. Maecenas viverra pellentesque  justo, vel tincidunt massa semper sit amet. Vestibulum rhoncus purus in  mauris fermentum ut aliquet augue semper. Duis orci metus, cursus ac  tempor eget, faucibus vel elit. Sed rutrum mollis posuere. Maecenas  luctus commodo augue vel fringilla. Nunc enim lacus, varius nec tempor  sed, congue vel elit. Suspendisse urna ligula, pharetra ac malesuada  quis, scelerisque eget justo.</p>
      <p class="postmetadata">
        Filed under&#58;        <a href="http://localhost/wordpress/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a>        by        admin        <br />
        <a href="http://localhost/wordpress/?p=5#respond" title="Comment on Teste Post 2">No Comments &#187;</a>         &#124; <a class="post-edit-link" href="http://localhost/wordpress/wp-admin/post.php?action=edit&amp;post=5" title="Edit post">Edit</a>      </p>

    </div>
  </div>
    <h2><a href="http://localhost/wordpress/?p=3">
    Teste Post 1    </a></h2>
  <div class="post" id="post-3">
    <div class="entry">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ut mattis  elit. In sed nulla lobortis dolor pellentesque fringilla at eget ipsum.  Proin pellentesque vehicula ultricies. Phasellus velit nunc, tempus nec  scelerisque vel, euismod pellentesque diam. Vivamus consectetur, sapien  sit amet rhoncus porta, sapien nisl imperdiet diam, dapibus placerat  sem ante condimentum nisl. Nulla facilisi. Mauris eu turpis mauris. Nunc  at turpis elit, et mattis purus. Proin varius, nunc rhoncus consectetur  dignissim, lacus augue accumsan sem, nec pretium magna est a massa.  Duis eu justo arcu. Curabitur diam ligula, semper non blandit ut,  sodales ac dui.</p>
      <p class="postmetadata">

        Filed under&#58;        <a href="http://localhost/wordpress/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a>        by        admin        <br />
        <a href="http://localhost/wordpress/?p=3#respond" title="Comment on Teste Post 1">No Comments &#187;</a>         &#124; <a class="post-edit-link" href="http://localhost/wordpress/wp-admin/post.php?action=edit&amp;post=3" title="Edit post">Edit</a>      </p>
    </div>
  </div>

    <h2><a href="http://localhost/wordpress/?p=1">
    Hello world!    </a></h2>
  <div class="post" id="post-1">
    <div class="entry">
      <p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
      <p class="postmetadata">
        Filed under&#58;        <a href="http://localhost/wordpress/?cat=1" title="View all posts in Uncategorized" rel="category">Uncategorized</a>        by        admin        <br />

        <a href="http://localhost/wordpress/?p=1#comments" title="Comment on Hello world!">1 Comment &#187;</a>         &#124; <a class="post-edit-link" href="http://localhost/wordpress/wp-admin/post.php?action=edit&amp;post=1" title="Edit post">Edit</a>      </p>
    </div>
  </div>
    <div class="navigation">
      </div>
  </div>

<div class="sidebar">
  <ul>
      <li id="search">
      <form method="get" id="searchform" action="http://localhost/wordpress/">
<div>
 <input type="text" value="" name="s" id="s" size="15" /><br />
 <input type="submit" id="searchsubmit" value="Search" />
</div>
</form>      <li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://localhost/wordpress/?page_id=2" title="About">About</a></li>

</ul></li>    </li>
    <li>
      <h2>
        Categories      </h2>
      <ul>
         <li class="cat-item cat-item-1"><a href="http://localhost/wordpress/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> (4)
</li>
      </ul>

    </li>
    <li>
      <h2>
        Archives      </h2>
      <ul>
         <li><a href='http://localhost/wordpress/?m=201003' title='March 2010'>March 2010</a></li>
      </ul>
    </li>

      <li id="linkcat-2" class="linkcat"><h2>Blogroll</h2>
 <ul>
<li><a href="http://wordpress.org/development/">Development Blog</a></li>
<li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>

<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>

 </ul>
</li>
    <li>
      <h2>
        Meta      </h2>
      <ul>
        <li><a href="http://localhost/wordpress/wp-admin/">Site Admin</a></li>        <li>

          <a href="http://localhost/wordpress/wp-login.php?action=logout&amp;_wpnonce=ee45c3c988">Log out</a>        </li>
              </ul>
    </li>
      </ul>
</div>

<div id="footer">
<p>
Copyright &#169; 2010 Blog</p>

</div>

</body>
</html>

validating

html

wordpress

回答 3

Stack Overflow用户

发布于 2010-03-23 22:36:49

第87行：

</form>      <li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://localhost/wordpress/?page_id=2" title="About">About</a></li>

此处结束的<form></form>位于从上面6行(第81行)开始的<li>中。打开第87行上的新<li>时，该<li>尚未关闭。

在</form>之后插入</li>应该可以解决这个问题。

票数 3

Stack Overflow用户

发布于 2010-03-23 22:37:12

在<ul>标记中，<li class="pagenav"><h2>Pages</h2>需要直接为。

<ul>
<li id="search">

<form method="get" id="searchform" action="http://localhost/wordpress/">
<div>
 <input type="text" value="" name="s" id="s" size="15" /><br />
 <input type="submit" id="searchsubmit" value="Search" />
</div>
</form>      

<li class="pagenav"><h2>Pages</h2>

<ul>
  <li class="page_item page-item-2"><a href="http://localhost/wordpress/?page_id=2" title="About">About</a></li>    
</ul>

票数 0

Stack Overflow用户

发布于 2010-03-23 22:39:09

<ul>
    <li>blah
    <form>....</form>
    <li>...

缺少第一个列表项的结束标记。因此，您正在尝试创建一个列表项作为另一个列表项的子项。

这在HTML中很好，但在XHTML中，所有元素都必须显式关闭。

您可能打算使用以下结构：

<ul>
    <li>blah
    <form>....</form>
    </li>
    <li>...

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/2500675

复制

相似问题

问验证HTML时出错“文档类型不允许在此处使用元素"li”；缺少"ul“、"ol”、"menu“、"dir”开始标记之一“
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问验证HTML时出错“文档类型不允许在此处使用元素"li”；缺少"ul“、"ol”、"menu“、"dir”开始标记之一“EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问验证HTML时出错“文档类型不允许在此处使用元素"li”；缺少"ul“、"ol”、"menu“、"dir”开始标记之一“
EN