<dd>
태그의 정의 및 사용법
<dd>
태그는
<dt>
요소에 대한 설명, 정의 또는 값을 나타내는 태그입니다.
<dd>
는 Description Details의 약자로 사용된 것입니다.
<dt>
요소는
설명 목록(<dl>
요소를 사용하여 나타냄)에 있는 이름과 이름에 대한 설명으로 구성된 그룹의 이름에 해당하는 태그이며,
여기서 이름은 용어, 정의, 명칭, 주제, 질문 등을 말합니다.
여기서 이름에 대한 설명은 <dd>
태그가 그 역할을 합니다.
<dd>
태그는 설명을 제공할 <dt>
태그 뒤에 위치하지만, 여러 개의 <dt>
를 연속해 배치하면 바로 다음 <dd>
로 한꺼번에 설명을 제공할 수 있습니다.
구문 구조로서의 예제를 참고하세요.
이 태그는 <dl>
요소의 콘텐츠로 사용해야 합니다.
사용 용도로서의 예제
다음은 <dd>
태그의 사용 용도로서의 예제입니다.
<dd>
태그를 설명 목록의 어떤 용도의 설명으로 사용하는지에 대해 쉽게 이해할 수 있습니다.
"용어"나 "정의"를 설명하는 용도
알아두세요!
<dt>
태그 자체는 <dl>
에 사용될 때 그 내용이 정의되는 용어임을 나타내지 않지만, <dfn>
을 사용하여 이를 나타낼 수 있습니다.
"명칭"를 설명하는 용도
"주제"를 설명하는 용도
"질문"을 설명하는 용도
복합적인 용도의 이름을 설명하는 용도
구문 구조로서의 예제
다음은 <dd>
태그의 구문 구조로서의 예제입니다.
<dd>
태그를 설명 목록에서 어떤 구조의 콘텐츠로 사용하는지에 대해 쉽게 이해할 수 있습니다.
단일 이름과 단일 설명
여러 이름과 단일 설명
단일 이름과 여러 설명
여러 이름과 여러 설명
위 예제들을 결합하여 여러 이름 여러 설명과 연결하는 것도 가능합니다.
이름과 설명을 <div>
태그로 감싸기
명세서에서는 스타일 지정을 돕기 위해 이름(<dt>
요소를 사용하여 표시)과 이름에 대한 설명(<dd>
요소를 사용하여 제공)으로 구성된 그룹을 <div>
태그로 감싸는 것도 좋은 방법이라고 명시하고 있습니다.
<dd>
태그는 <dl>
태그의 자식 요소로 사용되거나, <dl>
태그의 자식 요소인 <div>
태그의 자식 요소로만 사용될 수 있습니다.
브라우저 호환성
태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
<dd>
|
1 | 12 | 1 | 4 |
명세서
명세서 사양 | |
---|---|
<dd>
|
HTML Standard #the-dd-element |