php - 在此上下文中，元素 li 不允许作为元素 div 的子元素。 (抑制来自该子树的更多错误。)

Question

我目前正在开发一个网站，..当使用 validator.w3 验证网站时，它有这种错误:

Element li not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
…widget-2" class="widget Social_Widget"><div class="socialmedia-buttons smw_lef…
Contexts in which element li may be used:
Inside ol elements.
Inside ul elements.
Inside menu elements whose type attribute is in the toolbar state.
Content model for element div:
Flow content.

我发现它安装了一个社交媒体小部件插件..但我找不到它的具体位置，我找到了 social-widget.php 但仍然找不到这一行:

<li id="social-widget-2" class="widget Social_Widget"><div class="socialmedia-buttons smw_left"><a href="https://www.facebook.com/JustSimplyOutsourcingWorldwideInc" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/facebook.png"
alt=" Facebook"
title=" Facebook" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a><a href="https://plus.google.com/b/100887468338831289783/100887468338831289783/posts" rel="publisher" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/googleplus.png"
alt=" Google+"
title=" Google+" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a><a href="https://twitter.com/JSOWorldwide" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/twitter.png"
alt=" Twitter"
title=" Twitter" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a><a href="http://www.linkedin.com/company/just-simply-outsourcing" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/linkedin.png"
alt=" LinkedIn"
title=" LinkedIn" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a><a href="http://instagram.com/jsoworldwide/" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/instagram.png"
alt=" Instagram"
title=" Instagram" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a><a href="http://pinterest.com/jsoworldwide/" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/pinterest.png"
alt=" Pinterest"
title=" Pinterest" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a><a href="http://www.youtube.com/user/JSOutsourcingWw" rel="nofollow" target="_blank"><img width="32" height="32" src="http://www.justsimplyoutsourcingworldwide.com/wp-content/plugins/social-media-widget/images/default/32/youtube.png"
alt=" YouTube"
title=" YouTube" style="opacity: 0.8; -moz-opacity: 0.8;" class="fade" /></a></div></li>

通过检查元素可以看到这段代码。我需要找到那一行，但我无法在 social-widget.php 中找到它。请帮忙

Answer 1

根据错误信息我猜你在 div 标签中使用了 li 标签是错误的，仔细检查你的代码

你尝试这样做

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

li 必须在 ol 或 ul 标签内

   <div>
        <ol>
            <li></li>
            <li></li>
            <li></li>
        </ol>
   </div>