1. 목록 (List) - ul, ol / li

• HTML 에서 목록을 표현하고 싶을 때 사용하는 태그이다.

---

1.1 ol - 순서가 중요한 목록

• ordered list 의 줄임말이다.
• 순서가 중요한 목록에 사용한다.
• 목록의 범위를 정한다.

1.2 ul - 순서가 중요하지 않은 목록

• 순서가 중요하지 않은 목록에 사용한다.
• 목록의 범위를 정한다.

---

1.3 li - 목록의 항목

• 목록의 항목을 의미한다.

❗️Syntax Alert

<ul>과 <ol> 의 자식 요소(태그)는 무조건 <li>만 가능하다.

• <li> 요소 안에 다른 요소를 넣는 것은 상관이 없지만, <ul>과 <ol>의 자식요소로는 반드시 <li> 만이 올 수 있다!

---

2. 정의 목록 (Description List)

💡정의 리스트의 사용 용도를 크게 나누면 아래의 두가지로 볼 수 있다!

1. 용어를 정의할 때 사용하는 정의 리스트

2. key - value 로 정보를 제공할 때!

key: value

---

2.1 dl

• description List 의 약자이다.
• 정의 목록을 만들 범위를 정한다.
• 정의 목록을 선언하는 것이라고 볼 수 있다. ( 웹브라우저야 지금부터 정의 목록이야!)

❗️Syntax Alert

• <dl> 의 자식 요소(태그)로는 반드시 <dt>와 <dd>가 함께 따라와야 한다.
• <dt> , <dd> 는 반드시 <dl> 의 자식요소로만 올 수 있다. 단독 사용이 불가하다.
• <dl> 의 자식요소로는 반드시 <div>, <dt>, <dd> 만이 올 수 있다.

---

2.2 dt

• description term 의 약자이다.
• 이름에 해당하는 부분을 마크업할때 사용한다. → 즉 용어 혹은 Key를 마크업할 때 사용한다.

---

2.3 dd

• description data 의 약자이다.
• 이름에 대한 설명에 해당하는 부분을 마크업할때 사용한다. → 즉 용어 혹은 Key에 대한 설명을 마크업 할 때 사용한다.

---

2.4 dfn

• definition 의 약자이다.
• <dt> 요소를 좀 더 사전적으로 정의하고 싶을 때 사용한다.

---

2.5 정의 리스트 (Description List) 의 문법적 주의사항

❗️Syntax Alert

• <dt> 하나에 여러개의 <dd>를 사용할 수 있다. (하나의 정의(이름)에 여러가지 설명이 올 수 있기 때문에!)
  
• <dt> 여러개에 <dd> 하나를 사용할 수도 있다! (여러개의 정의(이름)에 하나의 설명이 올 수 있기 때문에!)
  
• 따라서 <dt>여러개에 여러개의 <dd>를 사용할 수 있다! (여러개의 정의(이름)에 여러개의 설명이 올 수 있기 때문에!)
  
• <div>(division: 정의) 요소로 **<dt> 와 <dd> 로 이루어진 하나의 정의 세트(?)를 감싸** 좀 더 보기 좋게 만들 수 있다!