중첩 된 목록의 앵커가 유효하지 않거나 이것이 소방대 오류입니까?
문제
다음 HTML에 문제가 있습니까, 아니면 단순히 Firebug 오류가 발생합니까? FireBug에서 첫 번째 목록 요소를 볼 때 FireBug가 앵커를 올바르게 식별하는 데 어려움이 있음을 알 수 있습니다. 그러나 두 번째 (외부) 목록 요소에는 아무런 문제가 없습니다. 첫 번째 목록 요소에서 중첩 목록을 제거하면 문제가 사라집니다. 마찬가지로 외부 목록을 제거하면 문제가 사라집니다. 따라서 중첩 된 목록 주위에 앵커를 배치하는 데 문제가있는 것 같습니다.
나는 앵커를 div로 교체했고, 심지어 범위조차도, Firebug는 불만을 제기하지 않으므로 앵커별로 구체적으로 보입니다. 나는 또한 성공하지 못한 다양한 doctypes를 시도했습니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<ul>
<li>
<a href="http://whatever" style="display:block">
<p>some text</p>
<ul>
<li>a list entry</li>
</ul>
</a>
</li>
<li>
<a href="http://whatever">
<p>more text</p>
</a>
</li>
</ul>
</body>
</html>
해결책
그만큼 a
요소 만 허용합니다 인라인 레벨 요소 어린이 요소로서. 그래서 p
요소와 ul
요소는 허용되지 않습니다.
제휴하지 않습니다 StackOverflow