"No p element in scope but a p end tag seen." 由我的 Wordpress 博客页面上的 WCAG 2.0 html 验证器
"No p element in scope but a p end tag seen." by the WCAG 2.0 html validator on my Wordpress blog page
我正在尝试根据 WCAG 2.0 AA 标准验证我的 wordpress 网站,这是我第一次处理它,html 验证器出现此错误。
我已经搜索了一些关于相同错误的其他问题,但没有帮助。该错误出现在我的 Wordpress 网站的博客页面上,实际上当我有一篇文章 posted 时会显示该错误,如果我删除我的 post 则没有错误。
我还检查了我的(单篇)文章,其中没有空段落,也没有我在段落中注意到的任何非内联元素。我包含索引文件的代码,如 Chrome 的开发人员工具中所示,我看到强烈建议不要 post 代码图片,但我想在这种情况下最好这样做方式,如果我错了或者我是否应该 post 任何其他信息请告诉我,谢谢大家的时间!
编辑:朋友们,谢谢大家第一时间的回复,非常感谢!所以我把代码放在文本上,现在,问题是我不知道如何编辑这段代码,正如我之前所说,这是 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 中的一段代码,还有一个额外的 space 在 '.get_the_date() 函数之后。原代码为:
函数indigo_new_excerpt_more($更多){
全球$post;
return ' '.get_the_date() .' ID)) 。 '">'。esc_html__('Read More', 'indigo-lite') .' ';
}
add_filter('excerpt_more', 'indigo_new_excerpt_more');
所以我只需要在之后删除多余的 space
'.get_the_date()
功能并解决了。
在您的代码中,打开和关闭 HTML-标签非常混乱。
我建议你仔细分析一下打开和关闭标签的位置以及标签包装的内容。
特别是第107行抛出的错误,是因为你在<p>
元素中打开了三个<div>
,而你只关闭了两个
因此,作为第一个改进,在 </p>
之前添加 </div>
。
然后请检查您使用的开始和结束标签数量是否相同。
我正在尝试根据 WCAG 2.0 AA 标准验证我的 wordpress 网站,这是我第一次处理它,html 验证器出现此错误。
我已经搜索了一些关于相同错误的其他问题,但没有帮助。该错误出现在我的 Wordpress 网站的博客页面上,实际上当我有一篇文章 posted 时会显示该错误,如果我删除我的 post 则没有错误。
我还检查了我的(单篇)文章,其中没有空段落,也没有我在段落中注意到的任何非内联元素。我包含索引文件的代码,如 Chrome 的开发人员工具中所示,我看到强烈建议不要 post 代码图片,但我想在这种情况下最好这样做方式,如果我错了或者我是否应该 post 任何其他信息请告诉我,谢谢大家的时间!
编辑:朋友们,谢谢大家第一时间的回复,非常感谢!所以我把代码放在文本上,现在,问题是我不知道如何编辑这段代码,正如我之前所说,这是 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 中的一段代码,还有一个额外的 space 在 '.get_the_date() 函数之后。原代码为:
函数indigo_new_excerpt_more($更多){ 全球$post; return ' '.get_the_date() .' ID)) 。 '">'。esc_html__('Read More', 'indigo-lite') .' '; } add_filter('excerpt_more', 'indigo_new_excerpt_more');
所以我只需要在之后删除多余的 space '.get_the_date() 功能并解决了。
在您的代码中,打开和关闭 HTML-标签非常混乱。
我建议你仔细分析一下打开和关闭标签的位置以及标签包装的内容。
特别是第107行抛出的错误,是因为你在<p>
元素中打开了三个<div>
,而你只关闭了两个
因此,作为第一个改进,在 </p>
之前添加 </div>
。
然后请检查您使用的开始和结束标签数量是否相同。