An HTML <dl> element represents a description list. It encloses a list of groups of terms (<dt>) and descriptions (<dd>). Common uses include glossaries, metadata displays, or key-value pair listings.

Paste or type your term-definition pairs into the left panel, one per line. Choose the separator that matches your format (colon, dash, equals, tab, or set a custom one). The tool instantly generates the corresponding <dl> HTML and shows a live preview. Copy the code with one click.

Yes! Select “Custom…” from the separator dropdown and type any character or string you prefer. The tool will split each line using that exact separator.

The tool splits only on the first occurrence of the separator. Everything after the first separator becomes the definition, so you can safely use the same character inside your definition text.

Absolutely. The output follows best practices: proper <dt> and <dd> nesting inside a <dl>, with escaped special characters where needed, producing clean, standards-compliant HTML.