[HTML] ul, ol, dl 언제 쓰는 거임?

HTML5 에는 리스트(목록)을 만드는 태그가 3개 있다.

 

• ul (Unorder List) : 순서가 없는 리스트
• ol (Order List) : 순서가 있는 리스트
• dl (Description List) : 설명 정리 리스트

 

나는 여태껏 코드를 작성 하면서 ul 을 제일 많이 사용했다.

사실 처음에 배울 땐 ul 밖에 안배워서 몰랐다.

나중에 혼자 강의 보고 공부하면서 ol, dl 의 존재를 알았음;

 

ul 과 ol 은 직계 자식으로 li 태그만을 사용한다.

dl 은 dt, dd 이런 태그를 사용함.

 

 

ul 을 사용하면

• 이런 목록이
• 생긴다.
• 여기저기 목록 형식의 UI에 많이 사용한다.

 

 

ol 을 사용하면

1. 이런 번호로 된
2. 목록이 생긴다.
3. 주로 실시간 검색어나
4. 레시피 같은 순서가 필요한 곳에 사용한다.

 

dl 은 주로 단어와 단어의 뜻 관계로 사용된다.

[ 사과 ]

- 사과나무의 열매

- 자신의 잘못을 인정하고 용서를 빎

 

사실 dl 은 사전 말고는 언제 잘 활용할 수 있나 했는데

(A) is (B) 이런 형식일 때 사용해도 좋다고 한다.

 

(A)는 Name. 즉, 상위 또는 추상적 개념

(B)는 Value. 즉, 하위 또는 구체적 내용

 

 

 

 

 

📚 Reference

• [dl, dt, dd는 언제 쓰는 걸까?] (https://velog.io/@raram2/dl-dt-dd%EB%8A%94-%EC%96%B8%EC%A0%9C-%EC%93%B0%EB%8A%94-%EA%B1%B8%EA%B9%8C)