[TIL] <ul>, <ol>, <li>

이현동·2023년 5월 18일
0

TIL

목록 보기
57/59
post-custom-banner

<ul>, <ol>, <li>

<li> 요소는 순서 있는 목록(<ol>)이나 순서 없는 목록(<ul>)에서 사용됩니다. <li> 요소는 목록의 각 항목을 나타내며, <ul>요소나 <ol> 요소의 자식 요소로 사용되어야 합니다. 이는 HTML의 구조를 유지하고, 웹 브라우저가 목록을 올바르게 해석할 수 있도록 하기 위함입니다.

ul (Unorder List)?

순서가 중요하지 않은 목록을 나타낼 때 사용 한다.

점,사각형 등의 도형으로 표시 하며 자식 요소로 li 를 한개 이상 작성해야 한다.

순서가 바뀌었을때 그 목록의 의미도 바뀌게 된다면 <ol> 태그를 쓰는 것이 바람직 하다.

ol(Order List)?

순서가 중요한 목록을 나타낼 때 사용한다.

1,2,3 처럼 차례로 증가하는 번호가 붙는 목록 이며 자식 요소로 li를 한개 이상 작성해야 한다.

<ul><ol> 의 차이점은 순서의 중요성 이다.

li(List item)?

목록 안에 아이템항목 을 나타낸다.

사용된 예시
ul은 보통 네비게이션을 만들 때 <nav> 안에 넣어 사용합니다.
ol은 실시간 검색어, 등 순서가 있는 항목을 제작할때 사용합니다.


참고자료

young0_0

profile
https://hdlee.dev
post-custom-banner

0개의 댓글