πŸ“° HTML πŸ”»/🐦 HTML-Note

dl, dt, dd

output7 2022. 2. 4. 16:00

dl

  • μ„€λͺ… λͺ©λ‘μ„ λ‚˜νƒ€λƒ„
  • <dl>은 <dt>둜 ν‘œκΈ°ν•œ μš©μ–΄μ™€ <dd> μš”μ†Œλ‘œ ν‘œκΈ°ν•œ μ„€λͺ… 그룹의 λͺ©λ‘μ„ κ°μ‹Έμ„œ μ„€λͺ… λͺ©λ‘μ„ 생성함
  • https://developer.mozilla.org/ko/docs/Web/HTML/Element/dl
 

<dl> - HTML: Hypertext Markup Language | MDN

HTML <dl> μš”μ†ŒλŠ” μ„€λͺ… λͺ©λ‘μ„ λ‚˜νƒ€λƒ…λ‹ˆλ‹€. <dl>은 <dt>둜 ν‘œκΈ°ν•œ μš©μ–΄μ™€ <dd> μš”μ†Œλ‘œ ν‘œκΈ°ν•œ μ„€λͺ… 그룹의 λͺ©λ‘μ„ κ°μ‹Έμ„œ μ„€λͺ… λͺ©λ‘μ„ μƒμ„±ν•©λ‹ˆλ‹€. 주둜 μš©μ–΄μ‚¬μ „ κ΅¬ν˜„μ΄λ‚˜ 메타데이터(ν‚€-κ°’ 쌍 λͺ©λ‘)

developer.mozilla.org

 

dt

  • μ„€λͺ… ν˜Ήμ€ μ •μ˜ λ¦¬μŠ€νŠΈμ—μ„œ μš©μ–΄λ₯Ό λ‚˜νƒ€λƒ„
  • <dl> μš”μ†Œ μ•ˆμ— μœ„μΉ˜ν•΄μ•Ό 함
  • 보톡 <dd> μš”μ†Œκ°€ 뒀따름
  • λ’€λ”°λ₯΄λŠ” <dd> μš”μ†Œκ°€ <dt>둜 μ§€μ •ν•œ μš©μ–΄μ˜ μ •μ˜μ™€ 기타 κ΄€λ ¨ 글을 μ œκ³΅ν•¨
  • <dt>와 <dd>의 ν˜•μ œλ‘œ divμš”μ†Œλ₯Ό μ‚¬μš©ν•˜λ©΄ μ•ˆλ¨
  • https://developer.mozilla.org/ko/docs/Web/HTML/Element/dt
 

<dt> - HTML: Hypertext Markup Language | MDN

HTML <dt> μš”μ†ŒλŠ” μ„€λͺ… ν˜Ήμ€ μ •μ˜ λ¦¬μŠ€νŠΈμ—μ„œ μš©μ–΄λ₯Ό λ‚˜νƒ€λƒ…λ‹ˆλ‹€. <dl> μš”μ†Œ μ•ˆμ— μœ„μΉ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€

developer.mozilla.org

 

dd

  • <dl>μ—μ„œ μ•žμ„  μš©μ–΄ <dt>에 λŒ€ν•œ μ„€λͺ…, μ •μ˜, λ˜λŠ” 값을 μ œκ³΅ν•¨
  • <dt>와 <dd>의 ν˜•μ œλ‘œ divμš”μ†Œλ₯Ό μ‚¬μš©ν•˜λ©΄ μ•ˆλ¨
  • https://developer.mozilla.org/ko/docs/Web/HTML/Element/dd
 

<dd> - HTML: Hypertext Markup Language | MDN

HTML <dd> μš”μ†ŒλŠ” μ •μ˜ λͺ©λ‘ μš”μ†Œ(<dl>)μ—μ„œ μ•žμ„  μš©μ–΄(<dt>)에 λŒ€ν•œ μ„€λͺ…, μ •μ˜, λ˜λŠ” 값을 μ œκ³΅ν•©λ‹ˆλ‹€.

developer.mozilla.org