[Решено] Валидатор w3c ругается - где ошибка в коде?

Voland70 · 1 июл 2015

Здравствуйте.

Сверстал шаблон компонента bitrix – вывод категорий товара на главной странице сайта.
Все работает хорошо, но валидатор w3c ругается, как я понимаю не правильно вложенные элементы HTML.

Спойлер Сообщение w3c об ошибке

Line 328, Column 121: document type does not allow element "li" here
…И ДЛЯ БАНИ</h2></li></a><a href="/catalog/chimneys/"><li id="bx_1847241719_32">
The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

Привожу фрагмент кода:

Спойлер Фрагмент кода

div class="vitrina_div">
<ul class="vitrina_ul">
<a href="/catalog/topki-i-oblitsovki/">
<li id="bx_1847241719_226">
<img src="/upload/iblock/f85/f8532d2f9200fe7cd96647a71b63346e.jpg" alt="ТОПКИ И ОБЛИЦОВКИ" title="ТОПКИ И ОБЛИЦОВКИ"/>
<h2 class="vitrina_h2">ТОПКИ И ОБЛИЦОВКИ</h2>
</li>
</a>

.............................................................................................................

<a href="/catalog/otopitelnye-pechi/">
<li id="bx_1847241719_22">
<img src="/upload/iblock/fbc/fbce80c1ae74d5276419415c3b459b7b.jpg" alt="ОТОПИТЕЛЬНЫЕ ПЕЧИ" title="ОТОПИТЕЛЬНЫЕ ПЕЧИ"/>
<h2 class="vitrina_h2">ОТОПИТЕЛЬНЫЕ ПЕЧИ</h2>
</li>
</a>
</ul>
</div>

Подскажите, что не так, и как исправить.

kama812 · 1 июл 2015

ну по идеи в <ul> нельзя вкладывать ничего кроме <li>, так что попробуй ссылкой обернуть содержимое li а не сам тег.
ну и объяснение наоборот - <li> может быть только внутри <ol> или <ul>

alex_storm · 2 июл 2015

Надо так
<div class="vitrina_div">
<ul class="vitrina_ul">
<li id="bx_1847241719_226">
<a href="/catalog/topki-i-oblitsovki/">
<img src="/upload/iblock/f85/f8532d2f9200fe7cd96647a71b63346e.jpg" alt="ТОПКИ И ОБЛИЦОВКИ" title="ТОПКИ И ОБЛИЦОВКИ"/>
<h2 class="vitrina_h2">ТОПКИ И ОБЛИЦОВКИ</h2>
</a>
</li>
<li id="bx_1847241719_22">
<a href="/catalog/otopitelnye-pechi/">
<img src="/upload/iblock/fbc/fbce80c1ae74d5276419415c3b459b7b.jpg" alt="ОТОПИТЕЛЬНЫЕ ПЕЧИ" title="ОТОПИТЕЛЬНЫЕ ПЕЧИ"/>
<h2 class="vitrina_h2">ОТОПИТЕЛЬНЫЕ ПЕЧИ</h2>
</a>
</li>
</ul>
</div>

Войти или зарегистрироваться

[Решено] Валидатор w3c ругается - где ошибка в коде?

Voland70

kama812

alex_storm webdev