<dt>

<dt> represents a term or name in a description list. It is followed by descriptions or values in <dd>. The term can be a glossary concept or a metadata label.

Name and value

These labels describe a workshop rather than define vocabulary.

Read dt structureLink

HTML and CSS

HTML

<dl>
  <dt>Location</dt>
  <dd>Community room</dd>
  <dt>Bring</dt>
  <dd>A laptop</dd>
  <dd>A notebook</dd>
</dl>

CSS

dt {
  font-weight: 600;
}
dd {
  margin-bottom: 1rem;
}

Edit HTML or CSS to update the preview as you type. Copy code snippet copies the selected tab. Preview spacing and font defaults are not included.

Placement and content

Put dt directly in dl, or in a div that groups complete term-description pairs inside dl. A group may begin with several dt terms before its dd descriptions.

Dt accepts flow content with restrictions: no headings, sectioning content, header, or footer descendants. A short label is usually clearer than a large structural block. It has no element-specific attributes beyond global attributes.

Definition versus label

Dt alone does not specifically mark the defining occurrence of a word. Use dfn inside the term if this is an actual definition, and write that definition visibly in dd.

Change “Bring” to two terms followed by the same descriptions and inspect the group. Use th when the label is a table header rather than a name in a description list.

Sources and browser support

MDN: dt describes the syntax and links to the specification and compatibility data. Check individual values in that table when supporting older browsers.