“范围内没有 p 元素，但看到了一个 p 结束标记。”通过我的 Wordpress 博客页面上的 WCAG 2.0 html 验证器 [重复]

Question

我正在尝试验证我的 wordpress 网站是否符合 WCAG 2.0 AA 标准，这是我第一次处理它，并且我的 html 验证器出现此错误。

我搜索了一些关于同一错误的其他问题，但没有帮助。该错误出现在我的 Wordpress 网站的博客页面上，实际上它是在我发布文章时显示的，如果我删除我的帖子，则没有错误。

我还检查了我的（单篇）文章，其中没有空段落，也没有我在段落中注意到的任何非内联元素。我包含了索引文件的代码，如 Chrome 的开发人员工具中所示，我看到强烈建议不要发布代码图片，但我想在这种情况下最好这样做，如果我错了或者我应该发布任何其他信息请告诉我，谢谢大家的时间！

编辑：朋友们，谢谢大家的即时回复，我真的很感激！所以我把代码放在文本上，现在，问题是我不知道如何编辑这段代码，正如我之前所说，这是 Chrome 开发人员工具中显示的代码，我找不到此代码在主题的任何 php 或 css 文件中。我检查了导致我出错的文章，在整篇文章中只有 .就我个人而言，我没有贴任何标签，也没有注意到任何标签......对不起，我知道我可能不够理解，但我真的找不到任何其他方式来描述这个......谢谢大家再次请您耐心等待！

代码：

<div id="wrapper">
    <div id="contentwrapper">
        <div id="content">

<div class="post-49 post type-post status-publish format-standard hentry category-uncategorized">
        <h2 class="entry-title" id="post-49"><a f="https://badwitchstudios.gr/2020/01/21/daz-studio-blender-ue4-mixamo-tutorial/" rel="bookmark" title="DAZ STUDIO/BLENDER/UE4/MIXAMO TUTORIAL">
        DAZ STUDIO/BLENDER/UE4/MIXAMO TUTORIAL        </a></h2>
      <div class="entry">
        <p>.......</p>
<div class="belowpost">
<div class="postdate">January 21, 2020</div>
<div><a class="more-link" href="https://badwitchstudios.gr/2020/01/21/daz-studio-blender-ue4-mixamo-tutorial/">Read More</a></div>
</p></div>
      </div>
    </div>                    

        </div>
            </div>
</div>

Edit2：好的情况解决了，我联系了作者，他们立即找到了错误代码并为我修复了，所以它是文件 extras.php 中的一段代码，在 '.get_the_date() 之后有一个额外的空间功能。原来的代码是：

函数 indigo_new_excerpt_more($more) { 全球 $post; 返回''.get_the_date()。' ID）） 。 '">'.esc_html__('阅读更多', 'indigo-lite') .' '; } add_filter('excerpt_more', 'indigo_new_excerpt_more');

所以我只需要在之后删除多余的空间 '.get_the_date() 函数，它已经解决了。

Answer 1

在您的代码中，打开和关闭 HTML 标记非常混乱。

我建议你仔细分析一下打开和关闭标签的位置以及标签包裹的内容。

特别是在第107行抛出的错误是因为您在<p>元素中打开了三个<div>s，但您只关闭了其中两个。

因此，作为第一个改进，在</p> 之前添加</div>。

那么请检查你是否使用了相同数量的开始和结束标签。