<ul, li> , <ol, li> 의 개념과 차이

<!-- ul : 목록 -->
<!-- li : 항목 -->

<!-- ul의 역할 : li의 부모 -->
<ul>
  <!-- li의 역할 : 항목을 표현 -->
  <li>동물</li>
  <li>식물</li>
  <li>광물</li>
</ul>

<ul>
  <li>과일</li>
  <li>야채</li>
</ul>

<ul>
  <li>포유류</li>
  <li>조류</li>
</ul>

<ul>
  <li>금속</li>
  <li>비금속</li>
</ul>

 

리스트를 나열할 때 ul,li를 주로 쓴다

 

<!-- ol : 목록(순서있는 목록) -->
<!-- li : 항목 -->

<!-- ol의 역할 : li의 부모 -->
<ol>
  <!-- li의 역할 : 항목을 표현 -->
  <li>물을 끓인다.</li>
  <li>라면을 넣는다.</li>
  <li>후레이크와 스프를 넣는다.</li>
  <li>맛있게 먹는다.</li>
</ol>

<!-- ol : 목록(순서있는 목록) -->
<!-- li : 항목 -->

<!-- ol의 역할 : li의 부모 -->
<div>
  <!-- li의 역할 : 항목을 표현 -->
  <div>물을 끓인다.</div>
  <div>라면을 넣는다.</div>
  <div>후레이크와 스프를 넣는다.</div>
  <div>맛있게 먹는다.</div>
</div>

순서가 있는 목록 항목등이 있는 자료에는 ol ,li를 쓴다