중첩 리스트

초록공룡·2025년 8월 17일

HTML5

목록 보기
57/76

개념

  • 중첩 리스트는 li 안에 또 다른 ul/ol/dl을 넣어 계층 구조를 만드는 패턴이다.

주의사항

  • ul/ol의 직계 자식은 반드시 li여야 한다. ul/ol 바로 안에 다른 ul/ol을 넣지 말고, 반드시 li 태그 안에 넣는다.

예시

<ul>
  <li>프론트엔드
    <ul>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript
        <ul>
          <li>DOM</li>
          <li>Fetch</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>백엔드</li>
</ul>

profile
빠른 행동, 쉽고, 간단하게

0개의 댓글