Проверка: объяснение причин

Question

Может ли кто-нибудь объяснить мне, что я получаю при проверке ошибок моего веб-сайта:

 Line 33, Column 216: Self-closing syntax (/>) used on a non-void HTML element. Ignoring the slash and treating as a start tag.
…ilto:?subject=E-mail%20from%20.co.nz">e-mail</a>.<p/>

Line 43, Column 72: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)
…www.twitter.com/" title="Follow me on Twitter"><li class="twitter"></li></a>

Код:

<p>Text<a href="mailto:"">e-mail</a>.</p>

            <div id="socialMedia">
                <ul>
                    <a href="http://www.twitter.com/"title="Follow me on Twitter"><li class="twitter"></li></a>
                    <a href="http://www.facebook.com/" title="Like me on Facebook"><li class="facebook"></li></a>

Класс li связан с отображаемым изображением, по которому можно щелкнуть

Answer 1

Вам нужно переключить свои <a> теги и <li> теги; <li> должен быть снаружи и является единственным допустимым элементом непосредственно внутри <ul>.

<div id="socialMedia">
                <ul>
                    <li class="twitter"><a href="http://www.twitter.com/" title="Follow me on Twitter"></a></li>
                    <li class="facebook"><a href="http://www.facebook.com/" title="Like me on Facebook"></a></li>

Не видя, что находится в строке 33 вашего сайта - или, может быть, несколько предыдущих строк перед ним - трудно сказать, что такое ошибка самозакрывающегося тега; похоже, вы используете /> для тега a напрямую вместо отдельного закрытия </a>.