중첩 된 목록의 앵커가 유효하지 않거나 이것이 소방대 오류입니까?

StackOverflow https://stackoverflow.com/questions/601754

  •  03-07-2019
  •  | 
  •  

문제

다음 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 요소는 허용되지 않습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top