<li>요소는 왜 <ul>요소의 자식 요소여야만 하나요?

young0_0·2023년 4월 7일
0
post-custom-banner

li 요소는 왜 ul요소의 자식 요소여야만 하나요?

li 요소는 목록 아이템을 보여주기 위한 요소이다.
목록을 담아주는 ul 요소가 필요하며 li 는 자식 요소가 되어야 한다.

ul요소 없이 사용 하게 되면 화면상 문자는 없지만 시맨틱 구조를 지킴으로써 홈페이지 표준기준을 지키고 그에 따라 다른개발자들과 협업을 하여 코드를 쉽게 이해하고 분석할 수 있게 해준다.

ul (Unorder List)?

순서가 중요하지 않은 목록을 나타낼 때 사용 한다.
점,사각형 등의 도형으로 표시 하며 자식 요소로 li 를 한개 이상 작성해야 한다.

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

ol(Order List)?

순서가 중요한 목록을 나타낼 때 사용한다.
1,2,3 처럼 차례로 증가하는 번호가 붙는 목록 이며 자식 요소로 li를 한개 이상 작성해야 한다.

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

li(List item)?

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

사용된 예시

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

profile
그냥하기.😎
post-custom-banner

0개의 댓글