목록 항목을 앵커에 래핑하는 것이 좋습니까?

나는 각자 자신의 링크가있는 이미지 그룹을 가지고있다. 이미지가 목록 (<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>

출처

2011-09-01 tonyhh

유효하지 않은 HTML –

그래서 대체 어떻게 될까요? – tonyhh

당신은'li' 내부에 링크를 넣을 수 있었습니까? –

그것은 <ul> 요소에 허용되는 유일한 <li>의이기 때문에 유효 HTML하지하지 valid HTML.

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

출처

2011-09-01 19:34:49

궁금한 점이 있습니다.이 구문은 어디에 설명되어 있습니까? 나는 이것을 문서에서 읽었지 만, 독자적으로'li' 태그가리스트의 자식 일 수 있다는 결론에 도달하지는 않을 것입니다. – smilebomb

입니다.

출처

2011-09-01 19:35:23

당신은 그런 다음 a 또는 li 중 하나에 background-image를 추가 할 수 있습니다이

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

처럼 쓸 더 잘 할 것입니다.

그러나, 당신은 display:block로 a의 스타일을 그들에게 같은 height과 li의 width을 줄 것입니다. 이렇게하면 배경 이미지가 표시되고 li 전체를 클릭 할 수 있습니다.

출처

2011-09-01 19:38:21

목록 항목을 앵커에 래핑하는 것이 좋습니까?

답변

관련 문제