Вопрос:
В настоящее время я разрабатываю веб-сайт,.. При проверке сайта с использованием 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..please
Лучший ответ:
Согласно сообщению об ошибке, я предполагаю, что вы используете тег li внутри тега div, который является неправильным, внимательно просмотрите свой код
Вы пытаетесь это сделать
<div> <li></li> <li></li> <li></li> </div>
li должно быть внутри ol или ul tag
<div> <ol> <li></li> <li></li> <li></li> </ol> </div>