Это нормально, чтобы обернуть элемент списка в якорь?

Question

У меня есть группа изображений, каждое из которых имеет свои ссылки.Я хочу, чтобы изображения были в списке (<ul><li> .. и т. Д.) И чтобы каждый элемент имел различный background-image.

. Могу ли я столкнуться с какими-либо проблемами, связанными с чем-то вроде этого?

<ul>
<a href="#"><li class="1"></li></a>
<a href="#"><li class="2"></li></a>
<a href="#"><li class="3"></li></a>
<a href="#"><li class="4"></li></a>
<a href="#"><li class="5"></li></a>
<a href="#"><li class="6"></li></a>
</ul>

Answer 1

Лучше бы написать так:

<ul>
<li class="1"><a href="#"></a></li>
<li class="2"><a href="#"></a></li>
<li class="3"><a href="#"></a></li>
</ul>

Тогда вы можете добавить background-image к a или li.

Однако, , вы должны присвоить a s значение display:block и дать им те же height и width из li.Таким образом, фоновое изображение будет отображаться, и весь li будет кликабельным.

Answer 2

Это недопустимый HTML, потому что в элементе <ul> допускается только <li> s.

Answer 3

Это не действительный HTML.

<!ELEMENT UL - - (LI)+                 -- unordered list -->