안녕하세요. 희영님

질문에 답변 드립니다. ^ ㅡ ^

문법 오류

문법 검사에서 다음과 오류가 출력된 이유는 닫는 태그(close tag)의 위치 때문입니다.

Error Element dl not allowed as child of element ul in this context.

.

"할까요?" 뒤에 </li> 닫는 태그가 있어, <dl> 요소가 <ul> 요소의 자식 요소로 마크업되었기에 발생한 문법 오류입니다. <ul> 요소 내부에는 <li> 요소만 자식으로 허용됩니다.

<ul>
  <!-- 닫는 태그 위치가 잘못 됨 -->
  <li>Q 카카오뱅크 계좌를 만들었는데, 어떻게 입금을 해야 할까요?</li>
  <dl>
    <dt>...</dt>
    <dd>...</dd>
  </dl>
</ul>

문법 오류 해결

위 코드는 아래와 같이 </li> 닫는 태그의 위치가 변경되어야 문법 오류가 해결됩니다.

<ul>
  <li>Q 카카오뱅크 계좌를 만들었는데, 어떻게 입금을 해야 할까요?
    <dl>
      <dt>...</dt>
      <dd>...</dd>
    </dl>
  </li> <!-- 이 곳으로 위치 이동 -->
</ul>

dl 요소의 올바른 사용법

"타행 내 계좌에서 카카오뱅크 계좌로 이체 ..." 콘텐츠에 <dl> 요소를 사용한 것은 부적절 합니다. <dl> 요소는 키: 값 쌍으로 이루어지는 정보 데이터를 구조화 하는데 사용합니다.

<dl> 요소 내에서 <dt>, <dd>, <div>를 활용하는 방법에 대한 질문 dl(Description List)요소의 용법이 헷갈립니다. 글에 남긴 답변을 읽어보세요.

다시 한 번!

이전에 작성했던 문서의 구조를 다시 한 번 살펴보시고, 올바른 의미를 고려하여 마크업이 반영 되었는지 검토합니다. 한 번 시청한 강의에서 빠트린 부분은 없는지 재차 강의를 시청하시고, 만족할 만한 결과에 도달할 수 있도록 시도해보세요. ^ ㅡ ^

희영님! 굴하지 않는 도전은 영광의 씨앗이 됩니다! 도전하는 모습을 응원합니다!

16번 라인의 </li>를 떼어서 24번 라인 </dl> 뒤에 붙여 보세요. 그러면 <dl> 개체가 <li> 밑에 들어갈 겁니다.

+ 군말을 덧붙이자면 <dl> 관련 태그를 좀 비표준적으로 사용하고 계신 듯합니다. <dt>는 뭔가 정의된 '용어(definition term)', <dd>는 그 용어의 '설명(definition description)'을 담으라고 만든 태그이므로 <dt>에는 하나의 질문을, <dd>에는 그에 대한 하나의 '답변'을 포함하는 방향이 좋을 것입니다.