HTML li ol 태그 중첩 예제로 살펴보기


HTML li ol 태그 중첩은 가능할까요? ol 태그가 li 태그 하위에 소속되어도 ol 태그는 작동합니다. 물론 상위 li 태그는 다른 ul 또는 ol 태그의 소속이어야 합니다.

HTML <li> <ol> 중첩

HTML 리스트 태그는 서로 중첩하여 사용할 수 있습니다. <li> 태그의 밑에 <ol> 태그와 <li> 태그 묶음이 올 수 있습니다.

<ol>
  <li>복소수
    <ol>
      <li>실수</li>
      <li>허수</li>
    </ol>
  </li>
</ol>

<li> 태그와 <ol> 태그를 여러 번 중첩해서 복잡한 목차를 만들 수 있습니다.


<ol>
  <li>실수
    <ol>
      <li>유리수
        <ol>
          <li>정수
            <ol>
              <li>양의 정수</li>
              <li>0</li>
              <li>음의 정수</li>
            </ol>
          </li>
          <li>정수가 아닌 유리수</li>
        </ol>
      </li>
      <li>무리수</li>
    </ol>
  </li>
  <li>허수</li>
</ol>

예시와 같이 여러 계층의 목차 구조를 짤 때 사용 할 수 있습니다.