요소 중첩 - by. UXKM

요소 중첩 설명

요소를 다른 요소의 안에 놓을 수 있습니다. 이것을 중첩(nesting)이라고 부릅니다.

요소 중첩의 올바른 예

요약 설명

마크업 시 요소가 적절히 중첩되었는지 확인할 필요가 있습니다.

위의 예제에서 우리는 <p> 요소를 먼저 열었고, 그다음 <strong>을 열었기 때문에 </strong> 요소를 먼저 닫고, 다음으로 </p>를 닫아야 합니다.

블록 요소안에 인라인 요소는 중첩될 수 있으나, 인라인 요소에 블록요소는 중첩될 수 없습니다.

다음은 잘못된 예제입니다.

요소 중첩의 잘못된 예